WordPress Heading Tags – How to use them
Time to spread some word. Hopefully this will be helpful to all WordPress users. Lately I’ve seen some bad trend in WordPress SEO. People don’t know what is the purpose of Headings in WordPress… actually in whole HTML structure (the code of your website – big thing). Understanding WordPress heading tags and how to use them correctly makes a huge difference in content quality. By using Heading Tags, we differentiate our web page content. Use heading tags for headings only not for making Text Large or Bold! When used correctly it adds semantic meaning, helps with accessibility and can boost your search engine rankings however when used wrongly it can cause problems for your users and search engine rankings.
What are Heading Tags?
<h1> to <h6> tags are used to define Heading on a web document. According to W3Schools – <h1> </h1> is the first heading which is critical for any web document and <h6></h6> is the least important heading that holds very less importance in a web document as compared to other heading tags.
h1 tag should be main headings which if followed by further h2, h3 and so on. The <h1> is usually the boldest one whereas <h6> font size is smallest.
To access it, users have to click on the furthest button on the right that says Toolbar Toggle. Only then does the second row of buttons appear.
So, what’s the big deal?
Sometimes little things can turn into big things. Lately when I was optimising some of yours websites I’ve seen some funny things. You guys were making simple mistakes; here they are:
Using the heading tags because it matches the font size. Yup, that’s the reason number one. Common mistake for newbies to WordPress and CSS. People who don’t understand their theme and CSS properly will sometimes avoid using a particular heading because it doesn’t match the appearance that they’re looking for in their design. Quite often this will be because an h1 is too big for what they want so they might use an h2 or h3.
Using Multiple h1’s on the same page. The <h1> tag should be used to markup your heading for the current page and should come at the top of your content. If you have a page which contains information about Wedding photography in London then it would make sense to use your h1 with that text within the element:
<h1>Wedding Photography in London</h1>
But if you have another piece of content which went into detail about Wedding photography in Liverpool then you should have a separate document with that text as the <h1>. In a situation where you’re only briefly touching on each subject and there wouldn’t be enough content to justify breaking it into separate pages then it would make more sense to have a document structure like this:
<h1>Wedding Photography in UK</h1> <h2>Wedding Photography in London</h2> <p>Content about wedding photography in London</p> <h2>Wedding Photography in Liverpool</h2> <p>Content about wedding photography in Liverpool</p>
Not using heading tags at all. I’ve also seen the opposite happen on websites, whereby instead of misusing the heading tags, people simply don’t use any at all. This is quite often the case when users doesn’t understand the purpose of the heading element but this is an easy problem to fix. All content should be headed up with an h1 tag so adding that to the beginning of the content is a great start.
Heading Tags Provide SEO Value
Visitors of the website aren’t the only ones that benefit from headings. Search engines also scan your site for headings. Using H1-H6 tags shows them how different blocks of content are connected and stand in relation to one another. That’s also the reason why headings are usually configured to get consecutively smaller with higher numbers. Apart from that, Google will try to use the content of your headings to understand the topic of your writing better. That’s why SEO plugins such as Yoast WordPress SEO routinely check whether your keyword or phrase appears inside heading tags. The reason is simple: Search engines want you to create content that is pleasant to consume for the visitor they are sending your way. When you provide a scannable and logical structure, Google and their competitors will reward you for it.
Conclusion
- DO use only one H1 tag per page
- DO keep a logical heading structure
- DO include keywords in your headings
- DO NOT use heading tags for styling
- DO NOT apply heading tags to entire paragraphs
Learning to use WordPress heading tags correctly is essential for every blogger or website owner. It’s part of the basics for content creation, providing both readability for human visitors and important information for search spiders.
Using header tags will display your posts and pages in a structured and organised manner and show Google and other search engines that they are dealing with high-quality content.
Always think about your readers first and Google second
How do you use headings inside your content? Thoughts on the above? Please share in the comments!
Missing the Underline and Justify Buttons in WordPress
In WordPress 4.7, the core developer team decided to make various changes in the editor (TinyMce WYSIWYG), including removing the underline and justify buttons and rearranging some of the toolbar buttons. If you don’t want to change the way you edit your content and/or don’t want to confuse your customers with a new contribution interface, there is a simple and lightweight plugin that will set the editor style back to its previous state.
3 options are available for the Editor style:
Installation
- Upload and activate the plugin (or install it through the WP admin console)
- Go to Settings -> Writing and select the option you want under “Editor style”.
- That’s it, it is ready to use!
Download
This plugin is available on WordPress.org -> https://wordpress.org/plugins/re-add-underline-justify/
If this article helped you, please consider sharing it or leaving a comment with your experience. It may help other people!
Complete solution to increase the WordPress Memory Limit
We have all seen it at some point. A common error in WordPress is a PHP memory limit error. This happens when WordPress doesn't have enough memory to achieve what you want. It can be caused by poorly written plugins that will continue to run a procedure until the installation runs out of memory and of course WordPress memory consumption increases with the amount of modifications. Simply the more plugins you install and keep activated , the more memory power your website needs.
As a first step of solving this, you need to know where you are at. It's usually the best way to see your hosting memory allowance. Install a free plugin WP-ServerInfo. It adds a new dashboard widget, that also displays the amount of memory allocated.
Once you have determined your initial value, you should do the following to increase the Memory Limit. First of all add these lines to your wp-config.php file.
define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '384M' );
What numbers you put in is up to you. WordPress memory can be different to the server – you need to set this regardless of server memory settings. Me, I like to think big. However do not overdo it and put in 2048MB. Try to stay under 512MB. Then check again via the WP-ServerInfo Widget. All good? Good. If it still says the same value (which has never occurred to me), then try editing you .htaccess file as a last resort, by adding this line to it:
php_value memory_limit 256M
However this will be useless if they are overwritten by the php.ini. You must also edit your php.ini. The php.ini is a file your hosting provider makes available for you. You cannot edit it from your WordPress installation. If you don't have php.ini file please contact your hosting support. If your hosting doesn't support memory allowance more than 96MB you need to consider changing hosting provider asap. If you have access to your php.ini file, change the line (if your line shows 64M try 128M):
memory_limit = 128M ; Maximum amount of memory a script may consume (128MB)
Good luck and as always: Backup your files before you attempt any of this.