Saturday, 19 September 2020

How to Install SEO Meta Tags for Beginners 2020

How to Install SEO Meta Tags for Beginners 2020

How to Install SEO Meta Tags for Beginners 2020
Saturday, 19 September 2020


Meta Tags are HTML codes that can tell Search Engines about important information on a Web page and can tell Web Browsers how to display them to visitors.

Every Web page has a Meta Tag which is visible only in the HTML code.

In this guide, we will learn how to use several Meta Tags that have important implications for SEO.

Meta Title

Meta Tag Title is the page title that will be displayed on Google and other search engines in search results (SERP).

Title Tag in Google search results.

Why is Meta Tag Title Important for SEO?

Here is an explanation from Google :

The title of the article is very important because it can provide quick and relevant insights into the query that the user is looking for. Sometimes, the headline is often used to determine which result to click on. So it is very important to use high quality titles on web pages.

Tips for Creating a Meta Tag Title

  1. Create a unique Title Tag for each page;
  2. Keep the Title Tag short but descriptive / clear;
  3. Avoid generic and unclear title tags;
  4. Use the right Title Tag sentence;
  5. Make the Title Tag clickable and not Clickbait;
  6. Customize with search intent;
  7. Include target keywords where we think they are appropriate;
  8. Use a Title Tag that does not exceed 60 characters.

How to Add Meta Tag Title on Website / Blog

Paste the following code in the <head> section of your Website / Blog:

<title>Ini adalah judul halaman.</title>


If you use Blogger, you can use the following Meta Tag Title:

<b:if cond="data:view.isSingleItem">
    <title><data:blog.pageName/></title>

    <b:elseif cond="data:view.isHomepage"/>
    <title><data:blog.title/></title>

    <b:elseif cond="data:view.search.label"/>
    <title><data:blog.pageTitle/></title>

    <b:elseif cond="data:view.search.query"/>
    <title><data:view.search.resultsMessage/></title>

    <b:elseif cond="data:view.search and !data:view.search.label and !data:view.search.query"/>
    <title><data:blog.pageTitle/></title>

    <b:elseif cond="data:view.isArchive"/>
    <title><data:view.archive.rangeMessage/></title>

    <b:elseif cond="data:view.isError"/>
    <title>404 Tidak Ditemukan</title>
</b:if>


Common Meta Tag Title Errors

There are four common problems with Meta Titles:
  • Too long / short.
  • Does not have a Title Tag.
  • Double or Double Title Tag.
  • The same title tag.

Meta Description

Meta Tag Description is a summary of the content on a Web page. Search Engines often use it to display snippets in search results (SERPs).

Meta Description in Google search results.

Why is Meta Description Important for SEO?

Here is an explanation from Google :

Meta descriptions should generally be able to provide user interest with a brief and relevant summary of the Web page.

However, the Meta Tag Description is not one of the important factors that can increase the Ranking (Rank) of Website pages. Here's an explanation from Google:

Usually, we use Meta Description for Snippets that we want to display, until now, we don't use Meta Description to increase ranking.

Tips for Creating a Meta Description

  1. Write a unique description or description on each page;
  2. Accurately summarize content;
  3. Avoid generic descriptions;
  4. Create a Meta Description that can be eligible for clicks - not Clickbait;
  5. Match with keywords that are often searched;
  6. Enter the Target Keyword in the right location;
  7. Try to be no more than 160 characters long.

How to Add Meta Description to Website / Blog

Paste the following code in the <head> section of your Website / Blog:

<meta name="description" content="Letakkan Meta Description disini.">


If you use Blogger, you can use the following Meta Tag Description:

<b:if cond="data:view.isMultipleItems">
    <meta expr:content="data:blog.metaDescription" name="description"/>

    <b:elseif cond="data:view.isSingleItem"/>
    <b:if cond="data:blog.metaDescription">
        <meta expr:content="data:blog.metaDescription" name="description"/>

        <b:else/>
        <meta expr:content="data:blog.pageName" name="description"/>
    </b:if>
</b:if>


Frequent Meta Description Errors

There are four common problems with Meta Tag Description:
  • Meta Description Too long / short.
  • Does not have a Meta Description.
  • Double or Double Meta Description.
  • Same Meta Description.

Meta Robots

The Robots Meta Tag serves to tell the Search Engine if and how it can crawl Web pages. Here is an example of Meta Robots:

<meta name="robots" content="index, follow">


Why are Meta Robots Important for SEO?

Using the wrong attribute in the Robots Meta Tag can adversely affect the presence of a Web page in search results (SERP). Every SEO technique we do depends on the Robots Meta Tag if we use it in a proper and effective way.

Here are the values ​​we can use in the Robots Meta Tag:
  • index : Notifies Bots to Index pages;
  • noindex : Notifies Bots not to Index pages;
  • follow : Tells the Bot to do Crawling on the link on the page.
  • nofollow : Tells the bot not to crawl the links on the page.

We can combine some of the values ​​from the Meta Robots above to be as follows:

<meta name="robots" content="noindex, nofollow">
<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, nofollow">


We can also use <meta name = "robots" content = "none"> which means the same thing as <meta name = "robots" content = "index, follow"> . Not installing Meta Robots is tantamount to <meta name = "robots" content = "index, follow"> .

Tips for Making the Robots Meta Tag

  • Use Meta Robots only when you want to limit Search Engines to crawling pages.
  • Don't block pages with Meta Robots in the robots.txt file .

How to Install Meta Robots on a Website / Blog

Paste the following code in the <head> section of your Website / Blog:

<meta name="robots" content="index, follow">


If you use Blogger, you can use the following Robots Meta Tag:

<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
    <meta content='noindex/nofollow' name='robots'/>

    <b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/>
    <meta content='index/follow' name='robots'/>
</b:if>


Meta Viewport

The Meta Tag Viewport is a visible area on the page and is usually used to tell the browser to render the page on different screen sizes (for example, desktop screens, tablets, smartphones, etc. ).

Why is Meta Viewport Important for SEO?

According to Google , the Viewport Meta Tag indicates that the Web page is Mobile-Friendly.

Many users may immediately exit when opening a Web page on a Smartphone because the Website is not Mobile-Friendly and difficult to read. This is one of the negative effects for Web pages.

Tips for Creating a Viewport Meta Tag

  • Use Meta Viewport on all Web pages.
  • Use Standard Tags, if you don't know then follow the guide below.

How to Install Meta Viewport on Website / Blog

Paste the following code in the <head> section of your Website / Blog:

<meta name="viewport" content="width=device-width, initial-scale=1.0">


Note that the content attribute doesn't have to be set to width = device-width, initial-scale = 1.0 because that value is just the most common and frequently used implementation.

Meta Charset

The Charset Meta Tag is the Character Encoding (Character Encoding) for Web pages. In other words, the Charset Meta Tag can tell the browser how the text on a Web page can be displayed.

There are many Charater Sets available, but there are two of the most common and frequently used Charater Sets, namely:
  • UTF-8 - Character Encoding untuk Unicode;
  • ISO-8859-1 - Character Encoding for Latin letters.

Why is Meta Charset Important for SEO?

Using the wrong Character Encoding can cause incorrect characters to be displayed in the browser and can corrupt Web pages.

Here is the impact of Meta Charset for SEO:
  • Users don't want to visit Web pages.
  • High Bounce Rate.
  • Search Engines do not understand the content in them.

Tips for Creating Meta Charsets

  • Use the Charset Meta Tag on all Web pages;
  • Use UTF-8.
  • Use correct HTML writing.

How to Install Meta Charset on Website / Blog

Paste the following code in the <head> section of your Website / Blog:

<meta charset="UTF-8">


If you are using HTML4 and below, you can use the following Meta Charset:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">


If you are unsure or do not know which HTML version to use, you can view and search for the <! DOCTYPE html> code If the code exists, then you are already using HTML5 .

Conclusion

Creating, Learning, and Attaching Meta Tags on Web pages is not difficult and confusing. Maybe some of the Meta Tags above can improve the SEO on your webpage. If this article was useful, you can share it. If you have any questions, please write them in the comments column. Thanks. 

How to Install SEO Meta Tags for Beginners 2020
4/ 5
Oleh

Comments