Author:

  • Why We Like Combining Divi and ACF

    Why We Like Combining Divi and ACF

    I want to show you how we can use ACF and Toolset to insert dynamic content into our text editor. With ACF, we can easily find available fields and insert them into our content. We can also enable raw HTML to display content verbatim. Toolset works similarly, but it drops in shortcodes instead. However, the Divi builder can sometimes have trouble with inserting shortcodes, so I approach this cautiously. Overall, using ACF and Toolset can help us easily populate ACF elements and add styling to our content.

    More on:

  • Finding and Fixing Broken Links In WordPress

    Finding and Fixing Broken Links In WordPress

    Broken links can have a detrimental impact on the user experience of a WordPress site. When users encounter a broken link, they are presented with a frustrating 404 not-found error message.

    There are various reasons why broken links occur on a WordPress website. For instance, a link may become broken if the target page has been modified, relocated, or no longer exists. This resource aims to guide you on effectively addressing broken links in WordPress. You will gain an understanding of what broken links are, their causes, and the proper methods for fixing them on your WP website.

    Understanding Broken Links in WordPress

    Definition

    “Broken links” refers to links within a WordPress site that direct users to non-existent pages. For example, if there are two pages, A and B, and Page A links to the non-existent Page B, users will encounter an error message when they click on that link.

    Impacts

    Broken links can significantly impact a website beyond just the user experience. They can also negatively affect SEO, as users can’t access valid pages when clicking on broken links. Additionally, broken internal links (links between two pages on the same website) can generate errors in Google Search Console, negatively affecting the site’s rankings on search engine results pages.

    Next Steps

    Besides user experience and SEO, broken links can impact a site’s indexing on search engines. Once you have fixed broken links on your WordPress site, submitting re-crawl requests to Google can help you resolve broken link issues and improve the overall performance of your website.

    Causes of Broken Links

    Improper Management of Pages in WordPress

    Broken links occur when a page’s URL has been changed in WordPress. Moving a target page from one location to another can create broken links on a WordPress website. While WordPress can automatically handle some broken links by redirecting them, it requires attention when there is no redirection in place.

    Sometimes, the permalinks system can fail, making everything except the front page inaccessible. Luckily, restoring the permalinks in this scenario is easy. From WP Admin, go to Settings > Permalinks. Save the default permalink settings that you find, and voila! The permalinks should work again.

    Other permalink errors, such as those caused by website migration or hacking, take a little more work to fix.

    Website Migration

    During website migration, which involves transferring a site from one host to another, issues such as backup restoration, DNS problems, SSL installation, and HTTPS redirection can result in broken links on your WP site.

    Hacking Incidents

    Hacking incidents can also lead to broken links on a WordPress website. For instance, when manual backdoors are planted, the site’s pages are removed, or the website experiences defacement, broken links can be created. Conducting a malware scan on your site or seeking assistance from WordPress security professionals can help mitigate such issues.

    Addressing Broken Links in WordPress – Step by Step

    STEP 1 – Identifying Broken Links

    Google Search Console is an excellent tool for identifying broken links. If you have configured GSC for your WordPress site, it will show you broken links over time. Logging into GSC and navigating to Indexing > Pages will display a list of broken links on your site. You can export this list for further analysis and action.

    STEP 2 – Resolving Broken Links

    To fix broken links, you need to edit and update the links in your WordPress content. After obtaining the list of broken links in GSC, click on each link to see if it triggers a 404 Not Found error. Manually making changes can be challenging, so seeking professional assistance may be beneficial.

    When updating a broken link, consider the following:

    • If the target page is missing, link it to a different but relevant page on your WordPress site.
    • If the target page’s URL has changed, configure redirects for the old URL using a WordPress plugin like Redirects. WordPress should automatically set redirects when a user updates a URL for a page or post.
    • If a page links to a page that requires login access, ensure you change the target to a relevant, freely accessible page on your site.
  • Shortcodes: What Are They And Do Shortcodes Slow Down A WordPress Site?

    Shortcodes: What Are They And Do Shortcodes Slow Down A WordPress Site?

    WordPress offers users the convenience of specific code snippets that can enhance the performance of the WordPress backend, front-end interface, or website functionality.  Users can leverage these code snippets, known as Shortcodes, in WordPress without the need for extensive coding or programming knowledge. This article provides insights into the fundamentals of Shortcodes and their impact on the speed of a WordPress website.

    What Are Shortcodes in WordPress?

    WordPress shortcodes are special tags (short bits of code) that allow users to quickly and easily pull related bits of defined functionality into their content. You can insert them into posts, pages, or widgets, and they’ll be replaced with some sort of content when the page is rendered. Shortcodes were introduced in WordPress 2.5, and their main purpose was to provide a straightforward way to create complex HTML output in a consistent way.

    If you have a plugin that creates a slideshow of images, and you want to insert that slideshow into a post. The plugin could provide a shortcode that you’d insert into your post like this:

    [ slideshow id=”123″ ]

    When you view the post, WordPress will replace the `[ slideshow id=”123″ ]` shortcode with the HTML that’s needed to generate the slideshow.

    Shortcodes can also take parameters, allowing you to customize their behavior. For instance:

    [ gallery id=”123″ size=”medium” ]

    This might display a gallery of images, where “123” is the gallery ID and “medium” is the size of the images.

    By default, WordPress interprets shortcodes within pages and posts. These shortcodes are small code snippets enclosed in brackets, such as [show_list]. The square braced element can take in arguments to control the output of the shortcode. Content can be wrapped in a shortcode and factored into the reformatted output. For example [show_list]The Big List[/show_list] can use “The Big List” as part of the shortcode output.

    Do Shortcodes Affect WordPress’ Speed?

    The effect of shortcodes on WordPress speed depends on various factors, including site caching, the source code of the shortcodes, and the number of HTTP requests. Let’s delve into the details of how shortcodes impact the speed of a WordPress website. Shortcodes themselves do not inherently slow down a WordPress website. That said, poorly coded or inefficient shortcodes can slow down a web page and delay the time-to-first byte– the initial response coming back from the web server.

    WordPress Caching and How It Improves Speed

    The speed impact of shortcodes varies depending on multiple factors in WordPress. When a WordPress site is properly configured with caching, shortcodes do not significantly affect the page speed. However, the performance of shortcodes also relies on their functionality and the plugins they interact with.

    The speed influence of shortcodes is influenced by the page-level cache in WordPress. The front-end output of a shortcode is rendered only after the server correctly executes the shortcode calls. Consequently, shortcodes may slow down page speed if the page hasn’t been cached. However, once the page utilizing shortcodes is cached, the use of shortcodes has a minimal impact on WordPress speed.

    The choice of cache plugins for WordPress also plays a role. It’s important to avoid poorly-coded cache plugins as they can potentially degrade page speed rather than improve it.

    Quality of Code and Function Calls

    Developers generally believe that shortcodes execute simple function calls in WordPress, which has a negligible impact on speed. However, as mentioned earlier, using poorly coded shortcodes can affect the speed of a WordPress page.

    Alternatively, users can opt for manual source code integration to achieve similar performance as shortcodes. This approach requires a deeper understanding of WordPress and HTML, or one can hire developers to create custom source codes in WordPress.

    Page builders in WordPress can also be used to create custom layouts. However, there is a slight difference in the speed impact between page builders and shortcodes.

    How The Number of Shortcodes in a WordPress Page Affects Speed

    The number of shortcodes used on a page can impact its speed performance. Having numerous shortcodes on a page can slow down the page speed in WordPress.

    For beginners, using a limited number of shortcodes in WordPress content helps maintain optimal speed. For instance, utilizing Shortcodes Ultimate, one of the best WordPress plugins for shortcodes, does not significantly affect page speed unless excessive use of shortcodes is the only option.

    Broader Considerations: Web Design Standards

    Adhering to web design standards, it’s important to remember that adding elements to a page can potentially slow down the speed by consuming server resources and increasing function calls. Although the impact of a shortcode on speed is measured in milliseconds, the use of poorly coded shortcodes can negatively affect WordPress speed.

    If achieving similar results is possible using plain HTML, it is advisable to avoid using shortcodes in WordPress pages and posts. Web browsers are better equipped to parse plain HTML, which positively influences page speed in WordPress. For example, opting to code HTML for a global layout instead of using a shortcode is a better approach.

    Shortcode Plugins in WordPress

    WordPress has dedicated plugins that generate output via shortcodes in pages and posts.Poorly designed plugins with inefficient source code and function calls can slow down page speed. Ideally, they need to be economical: small processing impact, or some caching method to shortcut the processing workload and make it an occasional task.

    One recommended plugin for WordPress shortcodes is Shortcodes Ultimate. We used that to create and control lists. It works with templates to further format and control the output.

    In Conclusion

    WordPress shortcodes can enhance the performance of a website. Shortcodes are valuable tools for modifying the layout and appearance of a WordPress site. However, the impact on website speed can vary, depending on factors such as site caching, the quality of the shortcode’s source code, and the number of database calls and HTTP requests. The best practice is to limit the usage of shortcodes on any given page.  It’s crucial to use properly configured caching, and avoid poorly-coded cache plugins.

     

  • What Should You Consider Before A Website Re-Design

    What Should You Consider Before A Website Re-Design

    Let’s dive into the essential considerations for undertaking a website redesign. There are both minor and major technical issues, ensuring mobile readiness, optimizing for search engines, and possibly migrating to a more reliable platform, such as WordPress. Understanding these key aspects is vital for a successful redesign and enhanced user experience.

    A client need to consider these things:

    • Fix existing minor technical shortcomings. Some sites go on for a number of years with technical frustration. A redesign should clean house to get rid of these small issues. Through technological improvements, it should be possible to fix most lingering issues.
    • Fix existing major technical shortcomings. What was impossible 10 years ago, may be easy in 2022. As the Web matures, more businesses are getting online. Even an obscure requirement can be a need shared by hundreds or  thousands of other websites. That leads to products (plugins, services) that could be easily implemented to address a major technical need.
    • Make the design mobile-ready / responsive. The majority of web visits come from mobile devices. If a site is not optimized for mobile, that could put off many of your potential visitors. Factor in only designs that consider mobile and tablet users.
    • Improve the site’s search engine functionality and share-ability. Many people discover websites via search engines and social media shares. A plugin like Yoast’s WordPress SEO plugin can be set-up and used to make a website easy to share and attractive when shared.
    • Move away from a problematic platform. As time passes, some website building tools gain popularity. Some products diminish in popularity. Likewise, some platforms can come up short over time: too few features; too expensive, etc.. Our platform of choice is WordPress: it’s easy to use, easy to deploy, popular, and inexpensive. By contrast, we have been helping clients convert their Drupal websites to WordPress as lots of our clients which to move away from that platform.

    Some features to modernize the look, feel and functionality of a website, which a web designer or developer could implement.

    • Responsive Design: Ensure that the website is responsive, meaning that it adjusts well to different screen sizes. This is essential as many users access websites through mobile devices.
    • Clean Layout: Use a clean and simple layout. Modern web design favors simplicity with ample white space. Focus on presenting information clearly and avoid clutter.
    • Navigation: Improve navigation by using a sticky header. This means that the menu remains at the top of the screen as the user scrolls down. Also, make sure that the menu items are clear and logically structured.
    • Typography: Use modern fonts and ensure that the text is readable. Stick to 2-3 font types max. Use one for headings and the other for the body text.
    • Color Scheme: Opt for a contemporary color scheme that reflects the brand identity. For a fishing charter, colors like shades of blue and green might be appropriate.
    • High-Quality Images: Replace any outdated or low-quality images with high-resolution pictures. Additionally, incorporating videos or a gallery to showcase the fishing experiences can be visually engaging.
    • Calls to Action (CTAs): Clearly highlight the call-to-action buttons like “Book Now”, making them prominent and easily accessible.
    • Contact Information: Place contact information in the header or footer and include links to social media profiles.
    • Testimonials and Reviews: Add a section where clients can leave reviews or read testimonials from previous customers. This builds trust among potential clients.
    • Loading Speed: Optimize the website for speed. Ensure that images and videos are optimized for web usage so that they do not slow down the loading time.
    • Custom Illustrations and Icons: Introduce custom illustrations or icons that are relevant to fishing to give the website a unique look.
    • Blog Section: Integrate a blog section to keep the content fresh and to establish authority in the fishing industry. This can also be beneficial for SEO.
    • Integration with booking systems: If not already integrated, add an online booking system for ease of reservation.
    • Security: Ensure that the website uses HTTPS for security. This is especially important if users are entering personal information or making payments.

    The elements to a successful redesign project:

    • Homework. Look at the current website and compare it with websites that are doing things better.
    • Surveys. Solicit input from your staff and customers. Draft up a short survey to ask them some key questions about how they use the current site and what they wish the new site could do.
    • Planning. Distill your input, your needs and what competing websites are doing. Develop a list and organize the features into three categories: “Needs, Nice, Nuts.”

    Needs are elements that have to be part of the new design or the project is a failure. Nice elements are features that would improve things but could be prohibitively expensive. Let a developer come back with an idea of how much a “nice” feature costs. “Nuts” is just that. What a feature that seems too crazy to accomplish? Ask for that feature as an optional element. Like the nice list, if the expense is prohibitive or really problematic, drop it from the project planning.

    Work with finite goals. Establish what your constraints are in terms of a launch date for the redesign, the cost of the redesign, and how much time your staff can devote to the project. When it comes to deadlines, if the release is tied to some major initiative like a product launch, build in some buffer between the launch of the website and the initiative it is linked to.

    Want to talk with us about a WordPress website re-design?

  • Clearing Your Cache In WordPress

    Clearing Your Cache In WordPress

    Caching is a storage of the presentation of data. Caching is vital to contain how much processing power is needed to run your site. It can also be a pain when a cache holds onto old information.

    When a user is looking at a database driven web page, there’s a high chance that the view is a cached copy built through processing intensive work on the web server. Caching happens in a number of places:

    Web Application Caching

    Most web apps and content management systems are database-centric. They hold everything in its database and assemble web pages from that data. That’s flexible, but processing intensive. The more intensive the page build, the longer it takes and the fewer requests can be handled.

    We are most experienced at finessing WordPress through caching. We commonly add caching plugins (WP Fastest Cache, Total W3 Cache, WP Rocket, Hummingbird, etc.). When a user complains that they are seeing old content, the WordPress administrator can log into their site, go to the caching plugin settings and “Clear Cache” or similar. This impacts speed and performance in the short term as the cache of pre-built pages is assembled.

    Themes like Divi also have some aspect of caching as well. When trying to refresh the view, double check if your theme has any caching functionality that needs to be cleared out.

    Web Server Caching

    Some Internet service providers offer caching in their hosting. The can be a big win when it comes to the performance.

    Clear Siteground Caching

    To clear caching in a SiteGround account, you can follow these steps:

    1. Log in to your SiteGround hosting account.
    2. Navigate to the “Websites” tab or a similar section, depending on the SiteGround interface version you are using.
    3. Find the website for which you want to clear the cache and click on its corresponding control panel or management options.
    4. To manually flush the Dynamic Cache, follow these steps:
    1. Navigate to the “Speed” section and click on “Caching.”
    2. In the Caching settings, find the “Dynamic Cache” option.
    3. Within the Dynamic Cache tab, locate the desired website URL.
    4. Click on the “Flush Cache” icon under the Actions column for that URL.

    By following these steps, you will be able to manually flush the Dynamic Cache for the specific website URL.

    The exact steps and terminology may vary depending on your specific SiteGround interface version and configuration. If you have trouble finding the caching settings or clearing the cache, it’s recommended to consult SiteGround’s official documentation or reach out to their support team for specific guidance tailored to your hosting environment.

    Clear A2 Caching

    A2 Hosting itself doesn’t do server level caching. Changes have to happen in the applications (ie. WordPress).

    CDN / Service Provider Caching

    ISPs used to be notorious for holding onto old information: content, nameserver records, etc.. They have largely stopped this practice. Content Delivery Networks (CDNs) still do this as a matter of course.

    Most CDNs have a purge option. It will impact your performance in the short term, but it guarantees a fresh view of your content.

    Clear Cloudflare’s Cache

    To clear the cache at Cloudflare, you can follow these steps:

    1. Log in to your Cloudflare account.
    2. Select the domain or website for which you want to clear the cache from the drop-down menu at the top of the page.
    3. In the top menu, click on the “Caching” tab.
    4. Under the “Configuration” section, you’ll find the “Purge Cache” option.
    5. Click on the “Purge Everything” button to clear the entire cache for your website.

    Cloudflare will initiate the cache clearing process, and it may take a few moments to complete. After the process finishes, the cache for your website will be cleared, and subsequent requests will pull fresh content from your origin server.

    Purging the cache at Cloudflare removes all cached files for the selected domain, so use this option carefully. Additionally, Cloudflare provides more granular cache clearing options, such as purging specific files or directories, which can be accessed from the same “Caching” section if you need more control over the cache clearing process.

    Web Browser Caching

    Web browsers aim to deliver the best results– the best performance and the best speed. Web browsers cache visited pages to make your next visit better. It also leaves your browser holding onto old information. Clearing your web browser cache is usually what it takes to clear up your caching issue.

    Clearing the Browser Cache in Firefox

    To clear your cache in Firefox, you can follow these steps:

    1. Open Firefox on your computer.
    2. Click on the menu button in the top-right corner of the browser window. It looks like three horizontal lines.
    3. From the dropdown menu, select “Options” or “Preferences.” This will open the Firefox settings page.
    4. In the left-hand sidebar, click on “Privacy & Security.”
    5. Scroll down to the “Cookies and Site Data” section.
    6. Click on the “Clear Data” button.
    7. In the dialog box that appears, make sure the checkbox next to “Cached Web Content” is selected.
    8. You can also select other items you want to clear, such as cookies or browsing history.
    9. Click on the “Clear” button to start the clearing process.
    10. Firefox will remove the cached data, and a confirmation message will appear when it’s done.

    After completing these steps, your cache will be cleared in Firefox. This process helps improve browser performance and ensures you see the latest version of websites when you visit them.

    Clearing the SSL Cache in Firefox

    To clear the SSL state in Firefox, follow these steps:

    1. On the History menu, click Clear Recent History. The Clear All History dialog appears.
    2. In the Time range-to-clear list box, select Everything.
    3. Select the Active Logins check box.
    4. Click Clear Now.

    Clearing the Browser Cache in Chrome

    To clear the browser cache in Google Chrome, you can follow these steps:

    1. Open Chrome on your computer.
    2. Click on the menu button in the top-right corner of the browser window. It looks like three vertical dots.
    3. From the dropdown menu, hover over “More Tools” and then click on “Clear browsing data.” This will open the Clear browsing data settings.
    4. Alternatively, you can directly access the Clear browsing data settings by using the keyboard shortcut: Ctrl + Shift + Delete (Windows) or Command + Shift + Delete (Mac).
    5. In the Clear browsing data settings, you’ll see a list of options. Ensure that the “Cached images and files” checkbox is selected. You can also select other items you want to clear, such as browsing history, cookies, etc.
    6. Choose the time range for which you want to clear the cache. You can select “All time” if you want to clear the entire cache.
    7. Click on the “Clear data” button to start the clearing process.
    8. Chrome removes the cached data. A confirmation message will appear when it’s done.

    Once you’ve completed these steps, the cache in Google Chrome will be cleared. This helps improve browser performance and ensures you see the most up-to-date versions of websites when you visit them.

    Clearing the SSL Cache in Google Chrome

    To clear the SSL state in Chrome, follow these steps:

    1. Click the Settings icon (three bars), and then click Settings.
    2. Click Show advanced settings.
    3. Under Network, click Change proxy settings. The Internet Properties dialog box appears.
    4. Click the Content tab.
    5. Click Clear SSL state, and then click OK.

    Clearing the Browser Cache in MS Edge

    To clear the browser cache in Microsoft Edge, follow these steps:

    1. Open Microsoft Edge on your computer.
    2. Click on the menu button in the top-right corner of the browser window. It looks like three horizontal dots.
    3. From the dropdown menu, click on “Settings.” This will open the Edge settings page.
    4. In the left-hand sidebar, click on “Privacy, search, and services.”
    5. Scroll down to the “Clear browsing data” section.
    6. Click on the “Choose what to clear” button.
    7. Ensure that the “Cached data and files” checkbox is selected. You can also select other items you want to clear, such as browsing history, cookies, etc.
    8. Choose the time range for which you want to clear the cache. You can select “All time” if you want to clear the entire cache.
    9. Click on the “Clear” button to start the clearing process.
    10. Edge will remove the cached data, and a confirmation message will appear when it’s done.

    Clearing the SSL Cache in MS Edge

    To clear the SSL state in Internet Explorer, follow these steps:

    1. To access the Delete Browsing History dialog:
      • If you are using Internet Explorer 8, on the Tools menu, click Internet Options.
      • If you are using Internet Explorer 9 or 10, click the gear icon, and then click Internet options.
    2. Click the Content tab.
    3. Click Clear SSL state, and then click OK.

     

    Clearing the Browser Cache in The Safari Browser

    To clear the browser cache in Safari, you can follow these steps:

    1. Open Safari on your Mac.
    2. Click on the “Safari” menu in the top-left corner of the screen.
    3. From the dropdown menu, select “Preferences.” This will open the Safari preferences window.
    4. In the preferences window, click on the “Privacy” tab.
    5. At the bottom of the Privacy tab, click on the “Manage Website Data” button. This will open a new window displaying website data stored in Safari.
    6. You can use the search bar to find specific websites, or scroll through the list to locate the website data you want to remove.
    7. To remove data for a specific website, select it and click on the “Remove” button. You can also use the “Remove All” button to clear all website data.
    8. Safari will ask for confirmation before removing the selected website data. Click on “Remove Now” to proceed.
    9. Close the website data window and the preferences window.

    Once you’ve completed these steps, the cache for the selected websites will be cleared in Safari. This helps improve browser performance and ensures you see the most up-to-date versions of websites when you visit them.

    Clearing the SSL Cache in Safari

    To clear SSL certificates in Safari on macOS, you can follow these steps:

    1. Open Safari on your Mac.
    2. Click on the “Safari” menu in the top-left corner of the screen.
    3. From the dropdown menu, select “Preferences.” This will open the Safari preferences window.
    4. In the preferences window, click on the “Privacy” tab.
    5. At the bottom of the Privacy tab, click on the “Manage Website Data” button. This will open a new window displaying website data stored in Safari.
    6. In the website data window, search for “Certificates” using the search bar at the top right.
    7. Select the SSL certificates you want to remove. You can select multiple certificates by holding down the Command key while clicking.
    8. Click on the “Remove” button.
    9. Safari will ask for confirmation before removing the selected SSL certificates. Click on “Remove Now” to proceed.
    10. Close the website data window and the preferences window.

    After completing these steps, the selected SSL certificates will be cleared in Safari. This can be useful if you want to remove outdated or problematic SSL certificates from your browser.

    NONE OF THIS WORKS?!?!!

    You did all of the above but none of it works? There is one last way to get a fresh view of your content: add junk to your URL.

    For example:

    https://web321.co/ would give you a cached copy of our web page.

    https://web321.co?sfig (the ?slfg tacked on the end) makes the same page come from a fresh URL and a fresh URL is not in the cache, so you get the fresh view of the page.

  • How We Would Pitch A WordPress Support Plan

    How We Would Pitch A WordPress Support Plan

    We have a solid plan for how to deliver WordPress support for clients who run a service based business.

    Client Spec

    In some cases, a website is one part of a larger marketing strategy, and may have been maintained for a time. For those who are looking to refocus their strategy Web321’s Wordpress tech support provides reliable, experienced help with website maintenance. We offer help keeping its website operational (software updates, malware scans, backups, uptime monitoring, etc.) and ongoing assistance with small content updates.

    Proposed Solution

    Web321 recommends our Website Maintenance Plan. The subscription includes the following maintenance & support services:

    • daily site backups, stored for 90 days
    • uptime monitoring & emergency site recovery
    • weekly core, theme & plugin updates
    • daily security scans & malware cleanup service
    • powerful firewall protection
    • access to our library of premium plugins, themes & stock assets
    • Google Analytics, Search Console and Page Speed setup & reporting
    • ongoing SEO & site speed optimization as needed
    • email tech support help desk
    • unlimited small (30-minute) tasks (e.g. content updates, add new posts, quicklink and dashboard updates, document uploads, image optimization, plugin installation, etc.)
    • discounted development rate for service requests outside the scope of our Website Maintenance Plan
    • weekly website status reports

    The price for this plan is $321/month or $2,999/year (plus GST).

    Upon signing up for the Website Maintenance Plan, Web321 will grant staff access to our service request system via email and web portal. We answer all non-emergency requests within one business day, providing an estimate for time to completion. If the request falls outside the scope of the Website Maintenance Plan, we will advise and provide a quote to complete the work.

    Our client will also be provided with a priority phone number to text or call in case of an outage or other critical business failure of its website.

    Do you need help with managing your WordPress Website?

  • Building A Website For An Electrical Contractor

    For an electrical contracting company, we help by creating a new website to replace an existing legacy infrastructure that is bound to hosing and support. WordPress frees up a website and to be hosted on the best platform available. Our designs are clean, responsive, informative and user-friendly.

    Client Spec

    In the case of the spec we recieved, the existing website contained the following functions & features which will need to be duplicated by the new site:

    • ~17 informational pages detailing company services & projects
      • We suggest possible addition of child pages providing more information on individual services & projects
    • Blog page & migration of ~25 posts
    • Contact us page
    • Chatbot integration
    • Social media follow buttons
    • Newsletter signup area

    Proposed Solution

    Web321 proposes to build using WordPress, the most powerful, elegant content management system (CMS) available on the web today. WordPress currently powers over a third of all websites on the internet, including big names like Disney, Sony & Target.

    The site will be themed using the Divi theme system (the most widely-used premium WordPress theme and website building framework). Divi is a user-friendly, endlessly flexible website scaffolding & design system that allows Web321 to build sites faster and with built-in responsiveness for all screen sizes.

    As with all our builds, Web321 will ensure that the site is secure, easy to update, high-performance and search-engine compliant. To create the desired functionality, Web321 will deploy the following integrations and premium plugins on the site:

    We include as part of our development & maintenance services access to our premium plugin licenses as long as you remain a Web321 subscriber. Should you choose to part ways with Web321 at the end of your contract, you will need to renew these licenses at your own cost going forward.

    Proposed Budget

    Web321’s payment model allows clients to get a design discount based on the duration of the support commitment. The support agreement bundles in the cost of your premium plugins, site maintenance and content update fees.

    WordPress support plans include the following maintenance features:

    • daily site backups, stored for 90 days
    • uptime monitoring & immediate site recovery
    • ongoing core, theme & plugin updates
    • 24/7 security monitoring & malware cleanup
    • Google Analytics and Google Page Speed setup & reporting
    • keyword tracking for up to 50 chosen keywords
    • ongoing SEO & site speed optimization as needed
    • unlimited small (30-minute) tasks (content updates, add new RVs, image optimization, plugin installation, etc.)

    If you’d like to see everything that’s included in this plan you can view it here: https://web321.co/services/plans-pricing/

    When the contract term is up, you’d have the option to keep it going on a month-to-month basis, and as part of that, we would include a complimentary complete design refresh on the site every 3 years. Otherwise, you could terminate the contract and either move maintenance in-house, to a provider of your choice, or we could continue to provide a la carte support at our current support rate.

    We do strongly recommend some kind of ongoing site support, as neglected software updates can leave your site open to exploits, and a lack of proper backups & security checks can mean months of lost updates and work by your staff if there’s a problem.

    For companies with legacy systems, we wanted to advise that, should a client choose to leave Web321 before the contract is up, our client will be able to take their site to another provider after paying out the balance of fees. WordPress sites are built to be extremely portable and can be hosted almost anywhere. 

    Since we operate on a lease-to-own model, we will simply bill you for the remaining balance of your website design fee (available from us at any time upon request) and the site and all its assets will be released to you. See our FAQ for more info on this as well as how our design and revision process works to ensure you’re satisfied.

  • How Would We Tackle a Pilates Website Rebuild

    We’re been asked several times about how we would re-design a pilates or fitness website. Here’s a quick rundown of what we recommend. We propose the following features & functions:

    • Move site hosting to WPPro.ca (managed, optimized WordPress hosting).
    • Update the theme to Divi and use it to create a more engaging design. The current site has small images and minimal branding (ie. a small logo). We will add a lot more visual impact to the design.
    • Re-add the existing content to work with the new theme.
    • Re-organize the content and redirect traffic so that old links will take visitors to the new content. Introduce taxonomy to connect and relate blog posts to each other.
    • Re-phrase some elements to work better for SEO and audience engagement.
    • Implement a solution to let people either book online or see your schedule.
    • Highlight a “Get Started” path for users who are convinced and just want to book a session.
    • Add in contact forms that send inquiries to you.
    • Teacher training section: use the publications as part of the narrative of your expertise and finish the page with a lead capture form for people who want to get in touch.
    • Add Yoast SEO. Fill out meta titles, meta descriptions and social share images.
    • Use better images and video: new photos from PSP; and selective stock images and videos.
    • Add a “Success Stories” page that works like “Testimonials” as told from the PSP perspective.
    • Use Success Stories and Testimonials elements throughout the site to give people more conviction and trust in your expertise.
    • Add a knowledge base of pilates terms and concepts using the WPKnowledgeBase plugin.
    • Do some reputation repair; ie. update third-party references to point to your new address.

    Proposed Solution

    The site will be themed using the Divi theme system (the most widely-used premium WordPress theme and website building framework). Divi is a user-friendly, endlessly flexible website scaffolding & design system that allows Web321 to build sites faster and with built-in responsiveness for all screen sizes.

    As with all our builds, Web321 will ensure that the site is highly secure, easy to update, and high-performance. To create the desired functionality, Web321 will deploy the following integrations and premium plugins on the website:

    • Gravity Forms & Advanced Custom Fields – allows a more dynamic collection and display of information on the site, and enables the building of the custom dashboard for staff
    • Knowledge Base – store concepts and references that others will find useful.
    • Google Analytics – allows tracking and analysis of staff usage of the site

    For the optional social media integration features, we can deploy Smash Balloon’s suite of social media plugins.

    We include as part of our development & maintenance services access to our premium plugin licenses if you become a Web321 Maintenance Plan subscriber (see below). The hosting would be included with your Web321 subscription. Should you choose to part ways with Web321 in the future, you will need to renew your hosting and plugin licenses at your own cost going forward.

    We would follow up the design with maintenance.

    Maintenance Option

    When your site is complete and launched, you have the option to enter an ongoing maintenance contract. For your level of service needs, we recommend our Web321 Maintenance Plan at a cost of $321/month or $2999/year.

    The Web321 maintenance plan includes the following services:

    • daily site backups, stored for 90 days
    • uptime monitoring & emergency site recovery
    • weekly core, theme & plugin updates
    • daily security scans & malware cleanup service
    • powerful firewall protection
    • access to our library of premium plugins, themes & stock assets
    • Google Analytics, Search Console and Page Speed setup & reporting
    • ongoing SEO & site speed optimization as needed
    • email tech support help desk
    • unlimited small (30-minute) tasks (e.g. content updates, add new posts, quicklink and dashboard updates, document uploads, image optimization, plugin installation, etc.)
    • discounted future development rate of $150/hr (from $200/hr)
    • weekly website status reports

    If you’d like to see everything that’s included in this plan you can view it here: https://web321.co/our-services/website-maintenance/

    You can choose to terminate the maintenance contract and either move maintenance in-house, to a provider of your choice, or we could continue to provide a la carte support at our rate.

    We do strongly recommend some kind of ongoing site support, as neglected software updates can leave your site open to exploits, and a lack of proper backups & security checks can mean months of lost updates and work by your staff if there’s a problem.

  • Web321 Won the 2023 ICCC-KFC Recipe For Success

    Web321 Won the 2023 ICCC-KFC Recipe For Success

    We’re excited to share that we won the $30,000 CAD grant through the ICCC-KFC Recipe for Success Program! Thank you to Inner City Capital Connections and KFCCanada for the opportunity to participate in the ICCC program and receive this grant. We look forward to using it to help our business continue to grow!

    The Initiative for a Competitive Inner City (ICIC) is a nonprofit organization based in Boston, Massachusetts. Their mission is to drive economic prosperity in under-resourced communities by supporting and promoting inner-city businesses.

    Inner City Capital Connections (ICCC) is one of several programs offered by ICIC. It was launched in 2005 to address the specific challenges faced by small business owners in inner-city areas, such as limited access to capital, networks, and business expertise.

    The ICCC program is open to businesses of all industries and stages, from early-stage startups to established companies. However, the program prioritizes businesses that are based in or serve under-resourced communities, employ a diverse workforce, and have a demonstrated commitment to social impact.

    The program is entirely tuition-free for accepted participants, thanks to support from corporate and philanthropic partners.

    The curriculum for the ICCC program covers a wide range of business topics, including strategy, marketing, finance, operations, and leadership. Participants are encouraged to select the modules that are most relevant to their business goals and challenges. In addition to the online learning modules and coaching, the program also includes peer networking opportunities and access to a national alumni network.

    According to ICIC, businesses that complete the ICCC program see a massive average revenue growth within two years. In addition, participants have reported increased confidence, improved strategic thinking, and expanded networks as a result of the program. We can attest to that. The program helped us build new skills, answer provocative questions about business and our business model. As part of the course work, our CEO, Erin DeWolfe, built a winning slide deck to speak to the course of our business and our plans for the future!

    If you’re a small business owner, we encourage you to learn more and apply for the ICCC Recipe for Success Program here: apply.iccapitalconnections.org!

  • How To Get Your House In Order – Technical Improvements To Web Design

    Some recommendations to improve its SEO and potentially catch up with the competitors out there. Consider these factors when you seek to get the best web design outcome.

    Improve Site and Page Authority: If The site and page authority of your site is lower than that of your competitor get mentioned by others: clients, citation websites, etc.. These metrics are used by search engines to determine the credibility and relevance of a website. You can improve these metrics by gaining high-quality backlinks from reputable websites.

    Optimize Meta Descriptions: Make sure the meta descriptions are well-written, but it could be optimized further by including more relevant keywords. This can help improve the website’s visibility in search engine results.

    Improve Keyword Usage: Do an analysis. If that doesn’t show specific keywords that are close to your needs, then it’s time to do some competitive research. It’s important to identify and use relevant keywords in the website’s content, meta tags, and alt tags to improve its search engine rankings.

    Content Updates: Regularly updating the website with fresh, high-quality content can help improve its search engine rankings. This could be in the form of blog posts, new product descriptions, or updates to existing content.

    Improve Load Speed: Loading speed is a tie-breaker when it comes to awarding ranking. It’s always beneficial to aim for the fastest load speed possible. This can be achieved by optimizing images, reducing the use of unnecessary scripts, and using a reliable hosting service.

    Use H1, H2, H3 Tags Effectively: These tags are used by search engines to understand the content of a webpage. Make sure to use these tags effectively to highlight the main topics and subtopics of your content. H1, H2, etc. are organization tags that can get formatted. Don’t fall into the trap of using them to block out space. Pay attention to the hierarchy. Likewise, using orderered and unordered lists is a good way to organize content for search engines and users alike.

    Robots.txt: This is a file that is usually generated by a plugin like Yoast SEO. It will tell search engines to ignore some pages. It can also point to an XML sitemap.

    XML Sitemap: Plugins like Yoast SEO can auto-generate all of the code needs to tell a search engine where your important pages and contents reside. It spoon feeds the search engine paths to your content.

    SEO is a long-term strategy and improvements may take time to show results. It’s also important to regularly monitor and adjust your SEO strategy based on changes in search engine algorithms and competitor activities.

We’ll take good care of your website.

Copyright © 2025 – Web321 | All Right Reserved