How to Add HTML Meta Tags In Blogger?

If you run a Blogger blog for your company or organisation, you may need to change the HTML code from time to time. Blogger, in general, automates the coding aspects of your blog, saving you significant time when creating HTML and CSS code. If you want to include meta tags in your blog, you must modify its HTML code. By including meta tags in your blog, you can include information that may influence how well it performs in search engines.

1. In a text editor, create a blank text file to build your meta tags. It is easier to prepare the code in advance rather than writing it directly into Blogger. The most commonly used meta tags are those for the site's keywords and description. Meta elements can also be used to indicate the author and revised dates for page content. Use the following outline to create a keywords meta element:

<meta name="keywords" content="print, design, publishing, bespoke" />

This could be an example for a print and design company, with the keywords indicating the content of the site pages. Change the keywords to fit your blog's content. Use the following syntax for the description meta element:

/>meta name="description" content="Personalized print and design solutions" />

The description contains readable sentences that concisely explain the site's content and purpose. Again, customise this for your own blog. 

2. Access your blog's HTML content. Log in to Blogger and navigate to your blog's Dashboard. Select "Template" from the drop-down list for your blog if you are using the newer Blogger interface. For the older style, go to the blog you're working on and click "Design." Select "Edit HTML" from the drop-down menu at the top of the Design section. A large text field with your blog code appears. To see all of the code for the template your blog is using, check the "Expand Widget Templates" check box above the text field.

3. Locate your blog's head section. Your meta tags must be placed in the head section of your blog template. The simplest method is to look for the closing /head> tag. You can accomplish this by pressing "Ctrl-F" or selecting "Edit" and then "Find" from the browser toolbar menu. To find it in the HTML code, type "/head>" (without the quotes) and press "Enter." Position your cursor just before the closing head tag.

4. Fill in your meta tags. Select the code and press "Ctrl-C" or "Edit" and then "Copy" from the menu in your text editor to copy your meta tags from the text file you created. Go back to the Blogger HTML code and paste the meta tags by pressing "Ctrl-V" or selecting "Edit" and then "Paste" from your browser's menu. Under the HTML text field for your blog, click the "Save Template" button. The meta tags will be added to your blog template.