Designed in Canva
So today, I’m going to help you learn how to use html headings in your WordPress blog posts. This issue came up last week when Sharon was ready to publish her blog post and wanted a couple of headings in her Web copy, so I know that this article will come up handy for beginner WordPress users.
Preparing your Web Copy
If you’ve done your research, you know that splitting up large chunks of text in your copy into smaller pieces – using headings, lists, images, etc – not only helps in readability but also your SEO and total conversion rates.
So you have written your copy, headings and lists, images and alt attributes alike. You broke the copy up in pieces of manageable information, headings in between to describe the content, and your reader can scan your blog post or page content in seconds! You even took the extra mile to strategically place keyword rich copy for your SEO score. Congrats! That was a lot of work! You are now armed and ready to continue to the WordPress administration and publish your hard work!
Publishing in WordPress
You have already written your copy. You navigate to your posts or pages area on the WordPress administration area and press Add New.
The first thing you will be adding to your new post (or page) is the title of the article. This will be the Heading 1 of the whole article. Make the heading unique in your website, I can’t stress this enough, the very url (link) of the post will inherit its value through the post’s slug, which inherits automatically from the page title, if you have pretty urls enabled, so watch out.
Now move to the next input, a textarea, which defaults in “Visual” mode. The “Visual” mode is a What-You-See-Is-What-You-Get, WYSIWYG, editor. In order to see the headings option in WordPress’s WYSIWYG editor press toolbar toggle as seen in the image below. There will be a drop down list where you can select which heading you prefer. Select the text and select the heading you please from the dropdown:
Inserting headings through the Visual editor
Now switch to the text mode. Click the text tab next to visual. Now you can see the html you are sending to WordPress to render as your article. Check out the image below:
Inserting headings through the Text editor
So there you have it. You can import your heading using the somewhat concealed feature the WYSIWYG editor is giving you, or go ahead and wrap your heading text with the html tags, from h1 to h6 as the above image in text mode. Every html tag has a start tag enclosed in <> and an ending tag enclosed in </>. So for a heading 2 we have, <h2>This is a Heading 2</h2>. The tags are h1, h2, h3, h4, h5, h6 but rarely every single one of them is being used.
Till next time, xoxo