The Git repo is located here

Installation

1. Install the Git Updater WordPress plugin – can use the free version
   1. within Git Updater settings, under ‘Install Plugin’ add the following:
      1. Plugin URI
      2. https://github.com/sitebuilderone/wp-sitebuilderone
      3. Repository Branch
      4. main

[[acf field='business_name' post_id='options']]

Custom Post Type Options

Referencing ACF option values in your template

[[acf field='business_name' post_id='options']]

The output in our case looks like this:

[acf field='business_name' post_id='options']

Live display

Wrap your code in the template with

<tangible class="live-refresh">
...content...
</tangible>

Custom Post Types order by Many

<loop type="service" count="20" orderby="name" order="asc">

Order by menu order

<tangible class="live-refresh"> 
<loop type="service" count="20" orderby="menu_order" order="asc"> 
<field name="title"></field> 
</loop> 
</tangible>

One significant way to improve load times is by using WebP images, which offer superior compression and quality compared to traditional formats like JPEG and PNG.

Here’s how to set up a simple right-click converter on your Mac using Automator.

Why WebP?

WebP images are typically 25-35% smaller than their JPEG counterparts while maintaining similar quality.

This reduction in file size leads to faster page loads and better Core Web Vitals scores – something both users and search engines appreciate.

Setting Up the Converter The process is straightforward and requires just a few minutes of setup:

Install WebP Tools First

you’ll need to install Google’s WebP tools.

Open Terminal and run:

brew install webp

Create the Automator Workflow

Open Automator (found in your Applications folder)

• Choose “Quick Action” when prompted for a new document type
• Configure the workflow to receive “image files” in “Finder.app”
• Add a “Run Shell Script” action
• Set “Pass input” to “as arguments”

Should look similar to this

Add the Conversion Script Copy and paste this script into the “Run Shell Script” action:

for f in "$@"
do
    filename="${f%.*}"
    /opt/homebrew/bin/cwebp -q 80 "$f" -o "${filename}.webp"
done

Save your workflow with a name like “Convert to WebP”

How to Use It Image to WebP on MAC

After setup, converting images is as simple as:

1. Right-click on any image in Finder
2. Go to Quick Actions
3. Select “Convert to WebP”

The script will create a WebP version of your image in the same folder while preserving the original file. The quality is set to 80% (or 90%, whatever you prefer), which offers a good balance between compression and visual quality for most web images.

Pro Tips

• The ‘-q 80’ parameter in the script sets the quality level. You can adjust this between 0-100 depending on your needs
• The converter will maintain your original files, creating new WebP versions alongside them
• You can convert multiple images at once by selecting them all before right-clicking
• The conversion works with both JPEG and PNG files

Troubleshooting

If you get a “command not found” error, it likely means WebP tools aren’t installed correctly. Double-check that you’ve installed them via Homebrew as mentioned in step 1.

This simple automation can save web developers considerable time when preparing images for modern websites. Instead of using online converters or command-line tools manually, you now have a quick, right-click solution that integrates seamlessly with your Mac’s workflow.

While WebP support is now excellent across modern browsers, it’s still good practice to provide fallback options for older browsers using the element or by serving different formats based on browser capabilities.

Happy converting!

A quick DIY audit can reveal how your site is performing and help you identify areas for improvement.

The best part? You can do this using tools you already know—search engines!

Why Audit Your Website?

Your website is your digital storefront. If it’s not being displayed properly in search engine results, you could be losing potential customers. A quick audit can help you:

• Understand how many pages are indexed.
• Find web pages that shouldn’t be online.
• Optimize your metadata for better visibility.

Key Questions to Ask Before You Start

1. How many web pages does your business website have indexed in the Google database?
2. Are there any pages that shouldn’t be listed online, like old drafts or test pages?
3. Are your meta description tags properly written and optimized?

If you’re unsure about these questions, don’t worry—we’ll show you how to find the answers with a few simple steps.

Step 1: Find Out What’s Indexed

• Search Query: Use site:yourdomain.com in Google.
• What to Look For:
  • Check the total number of pages listed.
  • Identify irrelevant or outdated pages that don’t belong, like “/test-page” or “/old-pricing.”

Example: Search for site:yourdomain.com and find that Google lists 50 pages. If your website only has 10 core pages, you might have unnecessary or outdated pages indexed that need attention.

Step 2: Check for Meta Descriptions

Meta descriptions are the short snippets displayed in search results under your page title. They’re critical for driving clicks.

• Search Query: Use site:yourdomain.com and review the search results.
• What to Look For:
  • Each page should have a unique, engaging meta description.
  • Avoid generic or missing descriptions like “Lorem Ipsum” or blank fields.

Example: A page titled “Contact Us” should have a description like: “Get in touch with us for top-notch plumbing services in Vancouver. Call today!”

Step 3: Identify Pages That Shouldn’t Be Online

Not every page should be public. Sometimes test pages, old content, or duplicate pages can sneak into search results.

• Search Query: Use site:yourdomain.com and scan the results for unwanted pages.
• How to Fix:
  • Use a noindex tag on pages you don’t want listed.
  • Delete outdated or irrelevant pages entirely.

Pro Tip: Check for sensitive information (e.g., internal files or drafts) and secure it by removing the page or restricting access.

Step 4: Audit Your Local SEO Presence

If your business depends on local customers, search engines can reveal how visible you are.

• Search Query: Try your business name + location or your service + near me (e.g., plumber near me).
• What to Look For:
  • Check if your business appears in local listings like Google Maps.
  • Ensure your name, address, and phone number are consistent across all platforms.

Step 5: Check for Mobile-Friendliness

Most website traffic comes from mobile devices. Ensure your site looks great on smaller screens.

• Search Query: Use Google’s Mobile-Friendly Test.
• What to Look For:
  • Does your site adjust properly to different screen sizes?
  • Are buttons and text easy to use and read?

Step 6: Evaluate Site Speed and Performance

Nobody likes a slow website. Google’s PageSpeed Insights can show how your site performs.

• Tool: Visit PageSpeed Insights.
• What to Look For:
  • Aim for a score above 90.
  • Implement suggested fixes, like compressing images or reducing JavaScript.

Step 7: Test for Broken Links

Broken links frustrate users and hurt SEO.

• Search Tool: Use Broken Link Checker.
• What to Look For:
  • Fix or remove links leading to 404 errors.

Bonus: Use Search Operators for Advanced Audits

Search engines allow you to perform specific searches using operators. Here are a few you can try:

• site:yourdomain.com – Lists all indexed pages on your site.
• intitle:keyword – Finds pages with a specific keyword in the title.
• inurl:keyword – Displays pages with a specific keyword in the URL.
• -keyword – Excludes results with the specified keyword.

Example: Search for site:yourdomain.com intitle:services to find pages specifically about your services.

Auditing your website doesn’t require expensive tools or technical expertise.

With just a few search engine tricks, you can uncover valuable insights and start making improvements. Remember, your website is often the first impression your customers get—make it count!

Need help optimizing your website? Contact us today for a professional audit and recommendations!

These days, your website is often the first place potential customers interact with your business. That’s why it’s critical to have a website that not only looks professional but also converts visitors into leads and customers.

In this guide, we’ll walk you through the essential elements of a high-converting small business website. Whether you’re a painter, plumber, HVAC technician, or provide other local services, this guide is for you.

Here are the essential

Website Home Page

The Gateway to Your Business

Your homepage is the face of your website. It’s the first thing most visitors see, and it should answer three key questions immediately:

• What do you do?
• Where do you provide your services?
• How can customers get in touch?

Tips for a High-Converting Home Page:

• Include a clear headline and subheadline that explain your services and value.
• Add a call-to-action (CTA) like “Call Now for a Free Estimate” or “Get a Quote.”
• Highlight your top services and showcase customer reviews or testimonials.
• Make your contact information easy to find.

About Us

The About Us web page is about building trust with perspective customers or clients.

Customers want to know the people behind the business.

An About Us page helps you build trust and establish a personal connection.

What to Include:

• Your story: How and why did you start your business?
• What makes your business unique (e.g., locally owned, decades of experience, family-run)?
• Team introductions and photos (optional but impactful).
• Certifications, awards, or community involvement.

Services Page

Your Services page is one of the most important parts of your website. Visitors come to your site because they need a solution. This page should clearly outline how you can help them.

Show What You Offer.

Tips for a Strong Services Page:

• List all the services you provide, with a brief description for each.
• Use clear headings to make it easy to scan.
• Include high-quality photos or videos of your work.
• Consider creating dedicated pages for major services (e.g., “Water Heater Installation” or “Interior Painting”).

Contact Us Page: Make It Easy to Reach You

If someone is interested in your services, they shouldn’t have to search for your contact information.

A clear and easy-to-use Contact Us page is essential.

Key Elements for Your Contact Page:

• A contact form with fields for name, email, phone, and message.
• Your phone number and email address prominently displayed.
• A clickable map or list of the areas you serve.
• Business hours to let customers know when they can reach you.

Testimonials Page: Build Credibility

Social proof is a powerful tool for converting website visitors into customers. A Testimonials or Reviews page shows that other people trust you, which can encourage new customers to do the same.

How to Showcase Testimonials:

• Include real quotes from happy customers.
• Highlight specific results or success stories.
• Add photos of completed projects or video testimonials if possible.
• Link to external review platforms like Google or Yelp for added credibility.

Optional Website Pages

While the five pages above are the essentials, adding these optional pages can further improve your website:

• FAQs Page: Address common questions to reduce customer doubts and save time.
• Portfolio or Gallery: Show examples of your work with high-quality images.
• Blog or Resources Page: Share tips, guides, or industry insights to establish your expertise and improve SEO.
• Special Offers Page: Highlight promotions or seasonal discounts to attract new customers.

Considerations for Website Success

Mobile-Friendly Design

Most local customers will visit your website from their smartphones. Make sure your site is mobile-friendly and easy to navigate on smaller screens.

Fast Loading Times

A slow website can drive visitors away. Optimize your site for speed by using good hosting, compressing images, and minimizing unnecessary plugins.

Search Engine Optimization (SEO)

Use local keywords like “Plumber in [City]” or “Painter near me” to help your site rank higher in search results. Don’t forget to include meta descriptions and alt tags for images.

Clear Calls-to-Action (CTAs)

Every page should guide visitors to take the next step.

Use CTAs like “Call Today,” “Get a Free Quote,” or “Book Now.”

Your website is more than just an online brochure.

It’s a tool to grow your business and convert visitors into paying customers. By including these essential pages and following best practices, you can create a website that works for you 24/7.

Need help building or improving your website?

Contact us today for a free consultation!

Let’s create a site that helps your business thrive.

It’s like you need a checklist of sorts to remember which parts are critical, which are not.

Use this quick guide to go over common items and settings to change when setting up your new WordPress website.

Some may be obvious, some may be routine, much you may already know, but whether you are a beginner or a pro, we still need a checklist for WordPress websites.

Let’s go.

Outline

We’ll be looking at:

1. WordPress settings
2. Plugins
   1. Favicon Generator
3. Themes
4. Web pages

Settings

Change your permalinks … now!

Yes, get rid of the f-ugly URLs

First in the media library

Then in the Permalink Options

Take it a steps further if you plan on blogging and adjust so that all blog postings will have the ‘/blog/’ in the permalink.

This is OG-SEO old school SEO strategy of having pages and postings ‘siloed’

Custom Post Type Permalinks

If working with custom post types with something like ‘Advanced Custom Fields’ or ‘ACF’, review the ‘Advanced Settings’ to have a clean URL.

If you leave it checked, you will have a URL that defaults to:

www.you-domain.com/blog/custom-post-type

Same should apply to your custom taxonomies

Tip – Custom post type URLs

When setting up custom post types, pay attention to URLs (Permalinks) for post types and taxonomies.

The following should be reviewed:

1. URL for post type
2. URL for taxonomy/category (tags as well if you plan to use them)
3. Front page (archive page) for custom post type

WordPress Plugins

Here we go … plugins can be a bit much – which one to use, is it updated, does it work and more.

The more plugins you add, the more load it adds to the website – use sparingly and with caution.

Here is our quick list of plugins with setting up a new WordPress website

Favicons

This one is great for generating the various favicons for your website

https://wordpress.org/plugins/favicon-by-realfavicongenerator/

“Generate and setup a favicon for desktop browsers, iPhone/iPad, Android devices, Windows 8 tablets and more.”