Skip to Main Content

What is the difference between H1 and the SEO title of a WordPress article?

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Writers tend to think seriously about their title. For online content, titles are important to readers and search engines. This makes them doubly important! 

If you use WordPress and the Yoast SEO plugin, you insert the article title in the article title input field. Your title will appear as an H1 header at the top of your post.

Difference between h1 seo title

But, Yoast SEO also provides opportunities to edit and improve your SEO title separately. Why is that ? What is the difference ? And how should you edit your SEO title? You will find out in this tutorial.

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

Two input fields

For some of you this will be obvious, but let's take a look at where to find the input fields for the article title - as well as the H1 title - and SEO title. The input field for titre de publicare can be found at the top of the page or in the post editor on WordPress.

Difference between article title and seo title

You can find the input field of the SEO title  in the Yoast SEO metabox, which appears below the post entry field. To change the title of the SEO, you have to click on the Edit Snippet button. The preview of the extract will then open. The preview of the extract offers you three input fields. The first is the input field to edit your SEO title. 

Find out if outgoing links are good for SEO By clicking on this link

Below the input field you will (usually) see a green bar. That is to say, it will be green if your SEO title is well optimized. If it's orange or red, you should try to improve it. As you can see, the SEO title has all kinds of "%" signs. Don't let that scare you, I'll explain that to you a little further down.

Wordpress seo ttire

Goal of the title of the post and the title of the referencing

It is important to realize that your SEO title does not have the same purpose as the title of your article or page. The title of your article is intended for people who are already on your website. It's telling them what your post or page is.

VOur SEO title, on the other hand, is for people who are not yet on your website. It will be displayed to people on the search engines. This will be the title of your snippet on Google - that's why it's shown in the snippet preview.

Discover How to hide the titles of articles and pages on WordPress

The whole point of SEO is to get people to click the snippet, go to your website, and read your article or buy your product.

What does Yoast SEO do automatically?

Without configuration, Yoast SEO will generate an SEO title based on the title of your article, the H1 title. It will also put the name of your website in the SEO title. If you do not put the name of your website in your SEO title, Google will do it for you.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Yoast SEO will make sure your title isn't too long - you'll get a notification if your title is too long. Yoast uses this bullet to separate the article title from the website name, but you can also use a hyphen, for example.

You can define how you want to generate your SEO title in the titles and meta section of Yoast SEO. If you do this, all of your post titles will be generated in the exact same way.

But, as described above, you can also edit the SEO title separately for an article. In the next paragraph, we will explain in which cases you would like to do this.

Should you change the SEO title?

Personally, I never edit the SEO title of a separate article. I write a post and pick a title that works for people who are already on our website, as well as people who see the snippet in search engines. The parameters for automatically generating titles on Yoast SEO are more than sufficient.Difference between h1 seo title 1

Discover How to avoid duplicate titles on WordPress

If I want to adapt my title, maybe because I forgot to use the focus keyword in my post title, I always edit the post title. The SEO title will change with it. For articles like this, it works great. 

However, if you are selling a product for example, the post or page title might not be the best SEO title. Maybe you would like to mention the price of the product in your SEO title, but not in the H1 of your page. In these cases, SEO title editing is required.

How do you edit the SEO title?

How do you edit the SEO title? And what are the weird %% signs in the input field? How can you use them?

The SEO title model

As described above, Yoast SEO automatically generates SEO titles for you. You can adapt this template title to your liking in the titles and meta section of Yoast SEO. Here's what the %% symbols are for.

See also Chow to create titles that attract on WordPress

We call these symbols %% title %%, the magic variables. These magic variables take certain information and put it together to form the SEO title. So if you type %% title %% in the SEO template input field, the title of an article or page will appear.

The %% sep %% symbol will take the sign of the separator you chose - like the little ball we are using - and add it to the SEO title.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

For a message with a different SEO title

If you are working on a post and want to change the SEO title, you can just click on the SEO title in the Yoast SEO meta box below your post. The magic variables will disappear and you will be able to edit the SEO title just for this article.

Discover What you need to know about securities and metas variables on Yoast SEO

Difference between h1 seo title 2

Note that you can always use the magic variables for a separate post! For example, if you just want to change the first part of the title, but keep the separator and website name, you can create an SEO title like: '[custom post title] %% sep %% %% site name% % '.

To go further, discover How to measure the success of your SEO strategy?

Your SEO title and your article title both serve a different purpose. In many cases, you can use your article title as the basis for your SEO title. Yoast SEO will generate a nice SEO title based on your article title. In some cases, it is better to customize the SEO title. You can use the magic variables to create this custom SEO title.

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.


WooAffiliates is considered the most comprehensive affiliate plugin on WordPress. It alone constitutes a gigantic affiliate network because it combines all the major affiliate programs simultaneously. We can cite among others Amazon, eBay, Aliexpress et Envato.Wooaffiliates wordpress plugin

In concrete terms, you will be able to import products from all affiliate programs in bulk at the same time and earn commissions from the different marketplaces. Amazon, which is the world's largest online reseller, offers up to 10% of sales revenue on certain products.

Download | Demo | Web hosting

2. Responsive Charts

Responsive Charts is a WordPress plugin that allows you to easily create animated charts on your blog or on your website.

Responsive charts 1

Its main features are: 7 types of animated diagrams, multiple diagrams in one page, completely customizable diagrams and tooltips, multiple data sets for bar and line diagrams, import of data from format files CSV, responsive layout and others.

Download | Demo | Web hosting 

3. Related Posts Pro for WordPress

The best way not to lose a visitor passing through your blog is to improve their engagement by offering them content similar to the one they viewed. The WordPress Related posts pro plugin gives you the chance to display more posts similar to the post your visitor is looking at, in order to hold their attention and therefore stay longer on your website.Related posts pro for wordpress related content plugin

This plugin supports custom types of posts, categories, custom content, multisite support, no coding required, compatibility with WooCommerce plugins, WP eCommerce, bbPress etc ..., very detailed documentation, And much more…

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

DownloadDemo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.


Here ! That's all for this tutorial, I hope it will help you lighten your database. Do not hesitate to share with your friends on your favorite social networks

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

If you have suggestions or remarks, leave them in our section Comments.


This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top