Words by Anthony HartnellApril 20, 2018
Yoast SEO is a WordPress plugin that will optimize your website content for purposes of Search Engine Optimization. There are a few SEO plugins available in the WordPress plugin directory but this is by far the most installed, recommended and supported plugin developed by a team in the Netherlands.
If you didn’t install the plugin yourself and you’ve seen it in various parts of the WordPress admin, chances are it was installed by someone else, for example, by a development agency, or it came bundled along with a one-click installation package.
If Yoast hasn’t been set up yet it won’t affect your site’s content as it purely deals with how your website appears externally, for example when embedding content on a social media website. To achieve this it provides a simple configuration wizard as well as offering a selection of really powerful built-in tools which I will explain guide you through.
Firstly, before delving deeper into setting up Yoast I will briefly explain the purpose of SEO and how it has evolved throughout the years.
The analogy I like to use when it comes to explaining SEO is to think of the internet like The Yellow Pages (or any other paper-based listing or directory). Essentially, each page contains lines of information advertising a business, service or some contact information.
Provided you display up to date contact details, a business in the proper industry category, e.g. plumbing and you have used good punctuation and grammar, your listing is likely to be favoured, or ranked higher than other listings.
In this analogy, search engines are the Directory; you tell that you want to be in their directory, (E.g. by submitting your site to Google or Bing etc), and readers are your website visitors.
The majority of the Yoast plugin is FREE and they offer a paid upgrade to a premium version. This would be the equivalent of buying a larger ad space in the Yellow Pages to show graphics or colours.
Yoast SEO uses a clever visual traffic light system of colours to highlight problem areas with the content and give suggestions for improvement. This can be found at the bottom of a post or page. It’s also really nice to see what you’re doing right too and it becomes a challenge to light up as many green dots as possible. This really helps you write good content and know what you need to work on before and after you publish a post or page.
Here is a picture of this blog post at the start of writing it and I’ve been improving it as I go. I’ll explain how to fix the problems and increase the score.
Note: It’s not always possible to get 100% ‘good results’ the first time around so I like to think of the analysis as an aid to writing and improving where possible. If you’re really happy with the content and you have an average readability rating, don’t be discouraged- just publish and improve later.
Let’s first deal with the problems:
One of the improvements above says:
While this is true, it’s not always possible to use the focus keyword when describing an image but it does touch on a very important point for accessibility and good SEO ranking.
You might have heard the term before but what are they? Alt tags refer to the alt or Alternative text that appears inside an image tag which is used in place of images for users of assistive technology such as screen readers or text to speech software.
You have probably seen the missing image icon in the browser before; this is the text that displays when that happens, e.g.
Example at https://codepen.io/anon/pen/xjbpzE
There is an excellent resource for accessibility and further reading at www.abilitynet.org.uk
To set up Twitter and Facebook options you first need to enable some settings in the Social part of the plugin.
Twitter has a card validator which is a tool on their website to preview how a card will be displayed on social media. You can log in and paste in a URL. Here is a preview of another blog post I wrote
You can check the Facebook embedding works by logging into Facebook and pasting the link to the page or post. You don’t have to publish the Facebook post, the preview will be fetched automatically:
At the bottom of a post or page, scroll down to the Yoast SEO widget and click the social icon – illustrated as two lines with a dot:
Click that and you’ll see a tab for Facebook and Twitter. This is where you can enter different titles and descriptions to display when embedding into those sites. This could be useful if you wanted to write a different title to help drive traffic to a post or page.
Yoast provides some advanced options in the admin sidebar under SEO > Search Appearance. Here, you can change the company name and logo and click through each of the tabs along the top to make adjustments for your content types.
A word of caution: These settings are considered to be advanced and are recommended by administrators as they can affect how some of the article listings appear. If unsure, contact the person that set up the site for you.
The configuration wizard can be run through to make sure your settings are still OK. This can be found in the admin sidebar > SEO > General. It won’t override any settings you’ve made unless you want to, so running the wizard will not undo your hard work.
As you can see I’ve managed to get a 100% score by following Yoast’s suggestions and I am pleased that I was able to fix all the points on the list.
Normally, Yoast analyses content in the standard WordPress WYSIWYG editor but we’re using Advanced Custom Fields to build a flexible page builder with drag and drop functionality. David’s article shows you how to set this up.
To see the Yoast Social Media embedding for yourself, copy and paste the URL of this blog post into Twitter and Facebook. Alternatively, please leave a comment below.
Read Davids blog post on setting up Yoast to work with Advanced Custom Fields