Divi - A Case Study
In terms of website design, there are several components to ensure a positive user experience. In order for the website to be effective, it must…
Be visually appealing
Have a compelling message relevant to the target market formatted in a way that the search engines like
Be easy to navigate so that this information can be found by the visitor
Be fast (no one likes a slow website)
These things make a potential visitor like your website more and hopefully convert into contacting you. However, to be found, the search engines must like the website as well. There are certain search engine optimization techniques to implement (both on-page and off-page) to make the search engines like you also. For us these on-page techniques include the following:
Page specific Titles / Descriptions / etc.
Page specific Titles / Descriptions / Content / Keyword tags / Permalinks (page name url) written within seo standards of length / duplication and with certain target market (not search engine) relevant keywords in mind and without keyword stuffing.
Robots.txt files are used by the search engines (especially Google) to know if they should index that page or directory.
.htaccess file are used for page speed, 301 redirects (avoid duplicate content) & 404 (page not found) redirects.
Canonical tags are used to avoid duplicate content. It tells the search engines which version of the page (www v non-www) to use as the primary page to be indexed.
Xml sitemaps are used for submission to search engines. It tells the search engines the hierarchy of pages (including set importance) to index. Similarly, an html sitemap is used to tell users this same information.
Ensuring that there are no broken links (internal or external) on your website ensures a positive user experience. Noone likes being led to a page that does not exist.
Image optimization, including compressing (via Kraken or Tiny PNG prior to upload) as well as adding of alt tags, ensures the image will not only be indexed by the search engines but will be made to load fast and not slow down the loading of the page.
GZIP / File Compression
Implementation of gzip compression for page speed via server size settings will help ensure the page loads fast.
Google Webmaster Tools / Analytics
Implementation of code for Google Analytics gives access to traffic data. Implementation of code for Google Webmaster Tools Verification tells Google of your new website.
Being on social media helps with awareness. 1 – Add FB Open Graph tags / Google Publisher tags; 2 – Add the JetPack plugin to automatically share blog posts to social media; 3 – add links to your profiles in the header / footer.
Browser / Mobile Friendly
Ensuring the website is mobile friendly and renders correctly in all major browsers / resolutions including mobile browsers (apple and android), IE8-Edge, Chrome, Firefox & Safari helps to ensure a quality user experience.
W3C Code Errors
Unless handwritten, html / css code is usually subject to how the tool generates it (even in a WordPress theme). Choose a quality tool that generates quality code liked by the W3C and Google.
We employ these techniques to the best of our ability considering the tool used to build this website. Even though properly optimizing a WordPress.org site can be very difficult, it comes with certain plugins to help. In this case, Yoast and Divi Booster and other image optimization software are used. Titles, Descriptions, Keywords, xml sitemaps, robots.txt / .htaccess files, Google Webmaster Tools verification are all managed in Yoast. File compression is managed in Divi Booster & Google Analytics is managed via Divi Theme Options. The results are below:
1 W3C Error
Yoast WP SEO Plugin: Green Light
Google Page Speed: 71% DT / 84% M / 97% UX
GT Metrix Page Speed: 91% PS / 80% YS; 507kb, 42 req, 1.8 sec load time
Pingdom Server Speed: 85%, 738kb, 43req, 2 sec load time
SEO Site Checkup: 85% Optimized
HubSpot: 84% Optimized
WooRank: 53% Optimized
Different tools looks for different things in terms of optimization. Some focus on speed, others focus on keyword optimization, and others focus on both.
Need a little help with the Divi Framework for WordPress?
To be honest, as a business owner – you have better things to do than dinker with a website builder such as the Divi theme for WordPress. Here is what we can do.