During early-August 2017 while working at Response Services Incorporated, I was asked to learn about what 'Search Engine Optimization' is and how the theory can be applied to our website.
When I first heard of SEO, I thought it was manipulating a web page’s HTML code so that the search engine crawlers find more value in it and give a higher ranking in search engine results. This is true to an extent but the difference is that our website was handled by WordPress. While it is easier to build websites using WordPress, there is less control over the actual HTML output. At the time, I thought this was a good thing for our use case in the long run because:
- WordPress is a widely used content management system for both business and personal websites. Therefore, we can assume it is safely interpreted by web crawlers and ranked fairly.
- The theme used by our website, Lawyeria Lite, prides itself on being clean, responsive, and widely supported by different browsers.
I am by no means an expert on the subject and I am sure that this document could be improved. However, even applying basic SEO principles to a website would still have a major benefit to the ranking in comparison to a website that has no optimization at all.
It is important to ensure that URLs are readable. That way, they are more ‘Search Engine Friendly’.
- Friendly: http://www.example.com/about
- Unfriendly: http://www.example.com/p=123
To set the link formats for a WordPress site:
- Go to: Settings --> Permalinks
- Select the ‘Post Name’ option instead of ‘Plain’
When editing individual pages, try to ensure that their specific URLs do not have any leading numbers on the end, such as /who-we-are-3
This comes back to the idea of making the URL as readable as possible for both humans and crawlers.
When embedding images onto a page, ensure that it has ‘alt text’ which describes what the image is supposed to be. If the image cannot load on the page for whatever reason, this alt text will be displayed instead. Not only this is beneficial for readers, it also helps the search engine crawler gain a better understanding of the page and it's image content. Apparently, this even has an effect on the ranking for Google Images. Therefore, this will benefit the images themselves and not just the page.
Here are some examples:
This is the Response logo. It's alt text might be “Response Logo” or “Response Services Incorporated Logo”
This is a picture of a Cat. It's alt text might be “Cat” or “Tabby Cat”.
The idea is to have a short, simple description so that readers can tell what the image is supposed to be even when it does not load.
The core functionality of WordPress can be extended by installing community-developed plug-ins. These plug-ins can be anything from personal tweaks to an entire new set of features. Since WordPress has a large user base, it has a large selection of plug-ins to choose from. This includes plug-ins related to Search Engine Optimization.
For this use case, the Yoast SEO plug-in was chosen. This document will not describe the process of installing or configuring it. Instead, links are provided at the end for further reading.
For each page and post on the website, Yoast measures and estimates it's overall value to web crawlers reading the page. The dimensions used to measure value are 'Readability’ and ‘Optimization’. Readability indicates how easy it is for a human to read the page. Optimization indicates how easy it is for a search engine crawler to read the page and how likely it is to give the page a fair ranking in search results.
Yoast gives feedback on each dimension using a ‘traffic light’ system. Red is bad, Yellow is okay, and Green is good. The colour Grey means that the score is unknown.
For example:
This is a picture of the page management screen for the Response WordPress site. You may notice the Green dots on the far-right for each page.
- The left one refers to Search Engine Optimization and uses a traffic light icon.
- The right one refers to Readability and uses a feather icon.
Care has been taken to ensure that both dimensions are Green for all pages. If you have to prioritize, it is important to have the Optimization score as high as possible with Readability coming second.
When editing an individual page or post, There is a 'Yoast SEO' section towards the bottom of the screen.
The ‘Publish’ section on the right side of the editor displays the score rating for both dimensions.
Referring back to the image of the SEO section, you might be able to see that the plug-in will advise you of ways to improve your score with that particular dimension. For example, while the page’s SEO score is already good, the word count is still lower than recommended, has no images, and has no external links.
The next section explains how to ‘improve’ Readability.
The Readability score indicates how easy it is for a human to read the page. Here are some guidelines as to how this may be improved:
- Group your text into sections with subheadings (h2, h3, etc).
- This may not always affect the score.
- Try to ensure that the amount of text between each subheading does not exceed 300 words.
- Individual paragraphs should not be longer than 300 words. Otherwise, it will be marked as 'too long'.
- No more than 25% of all sentences should have more than 20 words.
- Try to split one longer sentence into multiple shorter sentences.
- At least 30% of all sentences should contain a transition word.
- This can be a difficult score to attain when editing content but every point counts.
- Even being somewhere in the 20s can still offer a fair boost.
- The Yoast website includes an article on transition words and why they are important.
- Additional sources:
- Sentences containing transition words can be highlighted, isolating those that don't have any.
- Less than 10% of all sentences should contain passive voice.
- Sentences that do contain passive voice can be highlighted.
- This may be a case of trial and error. As a rule of thumb, try to write in present tense.
- Before - Passive: “Response runs various services”
- After - Active: “Response currently runs various services”
- Yoast also scores Readability based on the ‘Flesch Reading Ease’ test.
- Simply put, it is a scale of how easy it is to read and understand the page from 0 to 100.
- The higher the index, the easier it is to read.
- Yoast gives the highest score to pages with an index of 60 or greater.
- There is no general formula to improving this score. Shortening and splitting sentences can be used as a starting point.
- The Yoast website contains an article explaining the test in further detail.
The Optimization score indicates how well a particular page has been optimized for search engines.
This tab is split into three parts. The first part is how the page will be displayed as a Google search result. The second part allows you to set a ‘focus keyword’ for the page. The third part is the criteria result list in a similar manner to Readability. Each section will be explained individually to give an idea as to how they collectively affect a page’s optimization score.
The first part of the Optimization tab previews the page as a Google result. The result entries displayed with a Google search are referred to as snippets. The snippet contains the page’s display title and description as Google sees it.
To change this display text, click on ‘Edit snippet’. Clicking this button will toggle the display of a set of fields relating to editing the snippet.
You will see that this set contains three fields relating to the Google snippet. These refer to the title, relative URL, and description respectively.
This is the header text that will be displayed in the search result. In this case, it is "Explore Your Interests - Response Services". The SEO title follows a syntax specified in the Yoast configuration. The default syntax for this website is %pageName% - %siteName%
Normally the default format is sufficient but the score will be improved if the title contains the focus keyword. Unfortunately, this page does not have the focus keyword within it's title, so there is no extra score.
It is also important to note that in order for this criteria to count, the keyword must be specified manually within the title. Using placeholders does not count. Even if the page’s real title does have the focus keyword, which is ‘Interests’, it does not improve the SEO score unless it is specified manually.
The relative URL is the part of the link that refers to a specific page within a website. For example:
- Absolute: http://www.example.com/info/about.html
- Relative: /info/about.html
The relative URL of a page as displayed by Google is known as the ‘slug’. In this case, it is "explore-your-interests". By default, a page’s slug will be it's existing relative URL. It is recommended that you leave this as-is for consistency but as previously mentioned, it may be a good idea to remove leading or unnecessary numbers. You’re free to experiment with this and incorporate the focus keyword in order to improve scores.
This is simply a short description of the page in order to explain what it is about. This is used to grab a user’s attention as they skim through search results. If no meta description is given, it will instead use the page’s first paragraph as-is with no score given. In some cases, this is okay but if the paragraph has any inline HTML or CSS, it will be displayed as literal text and wouldn’t look very appealing. With that in mind, it would be better to write a meta description anyway, even if it is more or less the first paragraph to begin with.
The meta descriptions for the Response pages were written by condensing a few sentences from the opening paragraph. This gives the user a short preview so that they may be tempted to click on the search result and read more. The meta description only allows for a few sentences worth of text. The exact limit is 156 characters as indicated by a coloured progress bar. Yoast gives the best score for meta descriptions with more than 120 characters.
To reiterate, the meta descriptions are short summaries of the opening paragraph. The table below shows a before and after comparison between the portion used from the example page and how it was changed to fit the meta description.
Paragraph | Content | Characters |
---|---|---|
Before | We work alongside individuals to determine interests, hobbies and recreational activities. Afterwards, we support them to identify how they can participate in these activities. | 176 |
After | We work alongside individuals to determine interests, hobbies and recreational activities. We support them to identify how they can participate. | 144 |
Measured with LetterCount.com
As with the title and slug, extra credit is given if the meta description incorporates the focus keyword.
The second part of the Optimization tab is much simpler in comparison to the first part. It allows you to specify the focus keyword of the page and whether the page contains 'cornerstone content'. The focus keyword refers to what Google search keyword(s) this page relates to. As far as determining what results to display, Google ranks each known page according to their keywords and how relevant the page is to those particular keywords.
For example, when one wants to google “Microsoft”, the first results will almost certainly relate to the technology company responsible for Windows products. This is because that company’s website has the top rank for the keyword “Microsoft”. On the other hand, if somebody were to create a personal website about “Microsoft”, they might still be able to obtain a ranking, albeit a very low one. This is because people have come to associate the word “Microsoft” with the company and the search engine’s ranking algorithm favours this accordingly.
Generally when you upload a video to YouTube or post to a blog (including WordPress), you are given the option to specify tags for your post. This is so that when a user enters keywords into a search bar, the results returned will be those tagged with the same or similar keywords. If you like, you can consider the Internet to be one giant blog, A single page is an individual post, and Google is the search function. When somebody makes a Google search, they would want to access a particular page. Hence, they type keywords into the search bar. Google then sorts through the massive database of different pages and retrieves them in order of how closely they relate to the desired keywords.
For more information about focus keywords, refer to the article on the Yoast website.
When choosing keywords, consider ones that relate to the page as a whole, the SEO title, the slug, and the meta description. While having a focus keyword in itself is will improve the score, the improvement will be more significant if this keyword appears in all three snippet components. This may not always be possible but in this case, the meta description was prioritized. The SEO score will improve even more if the keyword is:
- Used in subheadings and image alt text
- Used in the first paragraph
- Unique for every page
A keyword does not have to be a literal word. It can be a phrase or a sentence. For example, “Active Learning Enterprises” as the focus keyword for the 'Active Learning Enterprises' page.
There is a small catch with the Yoast SEO plug-in. Like many WordPress plug-ins, there is a basic free version and an upgraded paid version. One of the limitations of the free version is that a page can only have one focus keyword. This may not affect the ranking of a page too much but having multiple keywords would be useful for attaining the highest possible ranking. As shown previously, the focus keyword “interests” was used for the 'Explore Your Interests' page. If you have to choose only one keyword, it is important to find the right keyword in order to achieve the best SEO score possible. The page still ranks low for “response interests”, “response services interests”, “explore your interests”, etc. If you have the paid version, you can include as many keywords as necessary.
This refers to website pages with the most important and well-written content. If a page is marked as such, the crawler may take that into consideration when deciding how to rank the website. In this case, no pages were marked as cornerstone but you may choose to do this for your own website.
When a page is marked as having cornerstone content, Yoast's SEO scoring criteria is a lot more strict. For example, 300 words is sufficient for a good score when writing regular pages. However, with cornerstone content, the target word count is 900. This would make sense for a blog but for a light website, it can be considered excessive and unnecessary.
For more information about cornerstone content, refer to the article on the Yoast website.
- Make sure that the page has a complete Google Snippet.
- The meta description can be considered the most important.
- Always specify a focus keyword.
- There is a bonus if the keyword is only used for one page across the whole site.
- The keyword should incorporate into the SEO title, slug, and meta description.
- It should also appear in the first paragraph as well as at least one subheading and image alt text but this might not always be necessary.
- There is also a criteria for having the keyword in the URL itself but do not force this one.
- Including at least one image on the page will give a small bonus.
- This can be anything but it should relate to the focus keyword in some way.
- Outbound links to different websites also give a small bonus.
- The page’s body text should be at least 300 words.
- This won't be necessary for every page but it is supposed to be helpful for relevancy and detail.
- Having around 250 words will still give a good score.
- The keyword density should be around 1-3%
- The focus keyword should not appear more than a couple of times.
- The snippet’s meta description should be 120-155 characters long.
- The snippet’s slug should not contain stop words.
- Linking to other pages within the website appears to help.
This document is not a tutorial for the Yoast SEO plug-in. Rather, it describes some practices which can help Search Engine Optimization when writing content. Earlier on when explaining the Google Snippet, it was mentioned that by default, the snippet title follows a format specified in Yoast’s configuration.
There is a separate tutorial that you can read at your own leisure. To skip directly to the section regarding SEO title format, go to step #7.
This document was written with the intention of providing a reference to Search Engine Optimization and some advice which may help when writing content in the future. However, this is by no means qualified information regarding search engine optimization or search engines as a whole. This is only based on experience for the particular use case at Response Services Incorporated. Those of you reading this could use this information to how SEO is handled for their respective website.
If you wish to read more authoritative information, here are links to the resources used.
- WordPress SEO - Friendly URL Structure
- SEO Plug-in Comparison
- How Google Search Works
- Ultimate WordPress SEO Guide for Beginners
- Boost WordPress SEO
- Yoast SEO Guide
- BlueHost SEO Guide
- Add WordPress site to Google
This repository is based on an internal document written as part of the IT team at Response Services Incorporated. It was originally written on 8-9 August 2017. As such, the information in this report is relevant to that time frame and may not be accurate or up-to-date as of present.
The document was converted to markdown on 17 January 2021. Any organization-specific information was removed, or rewritten to fit with the general topic. Typos and grammar mistakes have been corrected where applicable. Unnecessarily long or redundant text has been summarized. The revised document was shared publicly to GitLab on 19 January 2021, and migrated to GitHub on 30 January 2021. The document was declared to be final on 17 May 2021.
The original sources for the SEO information have been linked in the Further Reading section. All links have been verified as of 17 January 2021. The information used for this document is the property of its respective legal owners.
The Response Logo belongs to Response Services Incorporated and was used with implicit permission as an employee.
The Cat image file was retrieved from Wikimedia Commons on 17 January 2021. The original version of the file came from Pixabay, which is freely licensed for both personal and commercial use. This is not the same Cat image used for the original document. The source and copyright was uncertain so it has been replaced with a 'Creative Commons' image.
The Yoast SEO plug-in screencaps are original work and used to explain the plug-in's features.
This document as a whole is licensed under CC BY-NC-ND 4.0.