Blogging Blogger (BlogSpot) Tips How To Install Yoast SEO In Blogger (BlogSpot) Blog

How To Install Yoast SEO In Blogger (BlogSpot) Blog

-

Yoast is a very popular SEO plugin that is officially only available for the WordPress platform in the form of a plugin. But today I will share a quick and easy way to install and implement all the important SEO features of Yoast in your Blogger blog.

In this tutorial, I will show examples of the free version of the Yoast SEO plugin but if you want, you can use the paid version of Yoast SEO or any other Yoast SEO alternative like Rank Math or All In One SEO Pack for your Blogger site, too.

Also Check Out: Rank Math vs Yoast SEO: Which Is The Best SEO Plugin?

Thus basically, after reading the complete article, you will get the complete idea of using an SEO plugin for Blogger. Now let’s dig in on How to use Yoast SEO plugin in Blogger!

Which Features Of Yoast SEO Can Be Installed Or Implemented In Blogger?

Well, first of all, it’s important to understand that there is no official version of the Yoast SEO plugin available for Blogger sites.

Thus, we can only implement certain features of the plugin, but not all.

However, luckily, we can install and use all the core and important functionalities and features of Yoast SEO in Blogger, which are crucial for ranking #1 on Google.

Benefits Of Installing Yoast SEO Plugin Features In Blogger

The features which you will be able to get by installing the Yoast SEO plugin in your Blogger Blog using the method described in this article, are:-

  • Highly optimize your articles with targetted keywords.
  • Tell Google exactly what your website is about. You can let Google know whether you’re an individual or an organization, what is your niche, your social media profiles, etc., to enhance your online branding.
  • Enhance the readability of your articles to increase the on-page dwell time of your site and reduce the bounce rate.
  • Preview how your page would appear in the Google search engine results page (SERP).
  • Boost your On-Page SEO with advanced real-time guidance and advice on usage of keywords, interlinking and external linking.
  • Maintain good consistency of your focus keywords in your articles to help rank better on Google.
  • The plugin will rate your article saying whether it is Good or Bad so that you can always fix your mistakes before publishing the article.
  • Stay updated with the latest ranking factors of Google and optimize your On-Page SEO with smart suggestions of the Yoast SEO plugin which are always up to date!
  • Make Google crawl your website daily for faster indexing. Also, learn how to get your articles indexed on Google Instantly, under 2 minutes.

How To Get Yoast SEO Plugin Features In Blogger

At first, I will teach you to optimize the overall SEO of your BlogSpot blog for better SERP ranking and online brand recognition.

Then, I will show you how to optimize the On-Page SEO and the readability of your articles using the Yoast SEO plugin (or any of its alternatives) to give a huge boost to your Google rankings.

Overall SEO and Schema

If you plan to create an authority site, branding is very important for your website because not only it enhances the appearance of your website in the SERP, but also creates a long-lasting impression in the user’s mind. Thus, the user always s returns to the website when he/she has queries related to the website’s niche, becoming a loyal reader!

A well-branded website always has social media profiles, a professional logo and a good quality overall website structure (navigation menu).

Progressive Web Apps are also in trend nowadays. Those are light easy to create apps of websites. You can also learn how to make a progressive web app (PWA) for your blogger blog.

To attach all this information and guide Google to properly brand your website in it’s SERP, you need to change a setting and add some code to the header of the HTML of your Blogger site.

Enable Custom Meta Description

Go to Settings –> Search Preferences and turn on Enable Search Description. Write a short description of your blog and click on Save changes.

Custom Search Description in Blogger.

Add Code To Header

Now, Add the following code to the header of your blog.

NOTE: PLEASE ENSURE THAT THESE SCHEMA CODES HAVE PREVIOUSLY NOT BEEN CONFIGURED ON YOUR SITE. OTHERWISE, SKIP THIS STEP.

Go to Theme –> Edit HTML.

Edit HTML in Blogger

Paste the following code just after the <head> tag.

COPYING AND PASTING THIS CODE DIRECTLY WITHOUT MAKING THE CHANGES THAT ARE MENTIONED BELOW, WILL NOT WORK AND WILL BREAK YOUR SITE. SO MAKE SURE THAT YOU MAKE THE FOLLOWING CHANGES TO THIS CODE AS MENTIONED BELOW BEFORE PUTTING IT TO THE HEAD OF YOUR WEBSITE.

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='LINE 10: URL OF THE LOGO OF YOUR BLOG' property='og:image'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='LINE 16: SHORT DESCRIPTION OF YOUR BLOG.' name='description' property='og:description'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<!-- METAS -->
<meta content='LINE 37: YOUR NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='LINE 39: WEBSITE'S OFFICIAL E-MAIL ID' name='email'/>
<meta content='LINE 40: YOUR SITE'S OFFICIAL TWITTER URL' name='twitter:site'/>
<meta content='LINE 41: YOUR SITE'S TWITTER USERNAME' name='twitter:creator'/>
<meta content='en_US' property='og:locale'/>
<b:if cond='data:blog.pageType == "index"'>
<title>LINE 44: TITLE OF YOUR BLOG</title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if> 
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

MAKE THE FOLLOWING CHANGES TO THE ABOVE CODE:

  • At Line 10, replace “LINE 10: URL OF THE LOGO OF YOUR BLOG” with the original URL of the logo of your blog. You can upload your blog’s logo in a draft post and then right-click on the image to copy its URL.
  • At Line 16, replace “LINE 16: SHORT DESCRIPTION OF YOUR BLOG.” with a short description of your Blog.
  • At Line 37, replace “LINE 37: YOUR NAME” with the Name of the primary author who posts articles on your blog.
  • At Line 39, replace “LINE 39: WEBSITE’S OFFICIAL E-MAIL ID” with the real e-mail id of your blog.
  • At Line 40, replace “LINE 40: YOUR SITE’S OFFICIAL TWITTER URL” with the real URL to the official Twitter profile of your site.
  • At Line 41, replace “LINE 41: YOUR SITE’S TWITTER USERNAME” with the username of the official Twitter profile of your blog (without the @ sign).
  • At Line 44, replace “LINE 44: TITLE OF YOUR BLOG” with the title of your blog.

Note: The code won’t compile unless you make the above changes!

Paste it to your Blogger blog’s HTML as shown below:

Schema Markup Blogger

You will see that a new field called “Search Description” has been added to the post settings of every post on your blog. This option is very important for SEO and I will discuss this later in detail later in this article, so keep reading.

On-Page SEO And Readability

Done with the settings and coding part, now it’s time to learn how to use the advance On-Page SEO boosting tools on Blogger, that Yoast SEO provides.

For this, we need to create a demo WordPress site on a FREE hosting so that we can take advantage of the article checker and SERP preview tools of the Yoast SEO plugin.

For this, first of all, create a free WordPress site on 000webhost. ?? Use the tutorial to set up your demo WordPress site. (This might be a long process, but I assure you, it will be worth the effort!)

Now login to the Dashboard of your demo WordPress site and go to Plugins –> Add New. Search for “Yoast“. Click on Install Now. Then Activate It.

Yoast SEO in WordPress

Now, all you need to do is, before publishing any post, copy and paste the whole article into a new post of the dummy WordPress and optimize your article according to the suggestions provided by the Yoast SEO plugin.

So first of all, let’s copy an article from Blogger to the demo WordPress site.

copy article from blogger to wordpress

Also, scroll down and copy the “Search Description” from Blogger to the “Meta description” field of Yoast.

Now, let’s suppose that this article was meant to target the keyword “sample“. Thus, put the target keyword in the focus keyword field of Yoast.

Yoast SEO scores

Now, as you can see, there are unhappy faces besides SEO and Readability.

Our target is to optimize our article in such a way that both the faces turn happy green.

Now scroll down and click on the SEO Analysis drop-down menu.

SEO Analysis Yoast

Here you will see all the mistakes that are there in your article. You need to fix those mistakes one by one in your article so that its On-Page SEO gets brushed up.

After fixing all the SEO related problems that Yoast SEO points out in your article, the red unhappy face beside the SEO Analysis button must turn into a happy green one.

Then click on Readability.

Readability Analysis Yoast SEO

Now fix all the readability issues that Yoast SEO suggests in your article. You can click on the eye button to locate the exact line where the problem is on. Make the face beside the Readability button turn green as well!

After fixing all the SEO and readability issues in your article, just copy the article from WordPress again and paste it to Blogger and then publish it!

I would suggest you optimize all your old articles and as well all the new articles that you will publish in the future, using this method.

Note that there might be temporary loss of rankings when you update your articles but they will soon be back to the top again.

Congratulations!

You’ve successfully SEO optimized your Blogger blog and will see the huge growth in your rankings and organic traffic, soon! Keep creating quality content!

If this article has helped you use the Yoast SEO plugin in your Blogger blog, kindly consider sharing it on your favorite social media!

If you have any doubts regarding this article, feel free to comment down below.

Have a great day ahead!

Anirban Roy
Anirban Roy is the founder of TechRBun. He is a Computer Geek. He likes to share his knowledge about PC, Mobiles and Blogging. He studies in class XII and when he is not studying, he can always be found tweaking his PC or surfing the web on his mobile phone. He loves music and literature too!

38 COMMENTS

    • Hi Izzy,
      That shouldn’t have happened, I have installed the same script on many blogger sites before, Moreover those are meta data and technically they cannot break your website. I am sure there must have been some mistake, the code must have been put in the wrong place or maybe within the closing tag of some other code.
      If you want, I can take a look at your website and help you fix it. I will be happy to help you. You can leave your website’s address in the comment in the following format yoursite[dot]com (don’t put the period.).

      Thanks.

    • Izzy, please make sure that you have actually edited the code. The code that is given their needs to be edited with the original information of your website. Just copying and pasting it won’t work. Please edit the code as I’ve explained in the article under the heading “Make the following changes to the above code”

  1. Thanks a lot. I tested this code for 1 month and the results were amazing. Now I have also started to get featured snippets from Google. Even the dwell time on my site has gone high. And the Yoast editor in WP part was really clever. Great article! Keep up the good work.

  2. Hey ! Anirban,
    I want to install yostseotool on my blog and as per your instructions I’d made require changes by replacing my details in it. however at the time of pasting I could not understand the exact field to paste it..viz. If I am pasting yost seo tools changed HTML code from Head Section but I could not understand to paste it till end of HTML section or else? So Please guide me in this matter. Thanking you.

    • Hi Mahendrakumar!

      Copy your blog’s HTML code in Notepad and then using the CTRL+F command, lookup for “” (without quotes). Paste the code before the .
      But, before pasting, make sure that you the necessary changes to the code as mentioned above in the article. That is, replace all the demo code with the original info of your website, as I have mentioned above in the “MAKE THE FOLLOWING CHANGES TO THE ABOVE CODE:” section of the article. If you do not make the required changes, the code won’t save and might break your site. So, making the changes is very important.

      Hope I was able to help!

  3. Can you please post a sample video how to create duplicate blog in wordpress.com of my google blog? It will be very helpful

    • Hi Bhrigu,
      First of all, it’s not “WordPress.com” you need to create a demo WordPress self hosted site, i.e. WordPress.org

      And I can make the video but it can take a long time for me to make it, so I cannot guarantee when the video will be available.

      But thanks for your suggestion, I will try my best.

      You can also tell me exactly where you’re facing the problem and I can help you out.

      Thanks again, I will definitely work on the video.

    • The code has been tested and it works.

      It won’t work if you simply copy and paste it. Please make sure that you have made the changes to the code as explained in the article.

      If you still face any problem, kindly take a screenshot of your problem, upload it to imgur or any image hosting site and leave the link in the comment here. I will check it and help you out! 🙂

  4. Ok it work fine now .
    Please can you tell me
    Will this code affect the old meta codes because the template I use also contains Meta codes, and will it affect the archiving of old posts ?

  5. Great post, I really think that building relationships with others is the best way to get noticed and discovered in the blogosphere.

    • Yes, it is! But building backlinks through commenting on other’s sites is a black hat practice and is the easiest way to get your site penalised by Google. 🙂

  6. hey, I am not able to save the code. There is nothing happening after I have made changes in my html code. Can you please help?

    • Hi Mahima,

      Have you made all the changes to the code, as I have instructed in the article?? The code won’t work unless you make those changes. You need to replace the opening and closing quotation marks with just ” if it still doesn’t save even after making the changes.

      If even after this, the code fails to save, please e-mail me at [email protected] or, upload the screenshot of the error that you’re facing to imgur, and leave the link in the comment here.

      I will check it and help you out!

  7. Hey Anirban

    Recently I Installed This Code In My Website And That’s Working Buddy.
    I Have Question that how much time it takes to reflect result in ranking of website.

    Thank You

    • Hi Meghraj,
      The code starts working as soon as you add it. However, it will show affect only when Google re-indexes your site automatically. It will then detect the new meta tags. Also, the plugin just enhances you SEO, higher ranking is directly proportional to the competition of your target keyword and the quality of your content. Make sure you use the auto article editor feature of the plugin using a free host to get the maximum benefits, as explained in the article.

    • I didn’t fully understand what you meant to ask, but I guess you’re asking if the already existing meta tags would be overwritten or not. If your template has SEO meta tags inbuilt, you would need to manually replace them by the ones given in this code.

  8. wow, you are amazing bro….I am the beginner in blogging…I want to try this…I will let you know if find any difficulties, Please help me….and you are ready to help others too…really I appreciate you…

  9. Great job here, the search description box will appear after inserting the code as you have mentioned, I already have it without inserting the code. Does that implies that I don’t need to undergo the process again? Or to only proceed to opening a dummy WordPress blog?

    • The search description box needs to be enabled through Blogger settings and it has no relation with the code. It helps you provide a snippet for your page to Google.

      You need to install the code to get the optimal results.

  10. Hiii, I already have the search description box even if I haven’t inserted the code. Though I have never inserted such codes before in my blog. My question is should I still go ahead and insert the code?

    • Yes, you would still have to insert the code. The search description box is provided by Blogger itself, that’s not the function of this code.
      The purpose of this code is to add the required metadata (that Yoast puts on WordPress sites) to make your site more SEO friendly.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

You might also likeRELATED
Recommended to you