What are meta tags? Introducing how to write and view! Set up appropriate keywords and use them for SEO.

Meta tags are tags that convey information about your website to search engines. There are many things that are described in part of the HTML and are not displayed on the front side.

Meta tags are an essential theme for SEO, so be sure to understand them.

What are meta tags?

6887b673c8e793639ca49b6b07e9900a

Meta tags are tags that convey information about content such as pages and articles to search engines.That is.

It is an important element for telling search engines "what is this page trying to convey" and "what kind of theme is written".

Typical meta tags include title tags and description tags.To do.

How to read meta tags

is set upIt is recommended to use developer tools to view meta tags.is.

While the site is open, you can check the source code of the site by pressing "Ctrl+U" on Windows or "⌘+option+U" on Mac.

How to write meta tags

the meta tag isDescribed in the head tag, except for the title tag and canonical tag, it is described as <meta + ~ ~>There are many things.

If you write it incorrectly, you will get an error. However, there is a regularity, and most of them are written in a fixed way, so you don't have to think about it too hard.

Effects of meta tags on SEO

eb5456b9f01e7b327a7157b741cd66df

Meta tags have a big effect on SEO.

If you neglect the settings because you think you can't see it in the table, you will be greatly different from other sites.

Effect of meta tags on SEO 1. Improved usability

The title and description tags are related to usability because they are displayed in search results and SNS.

Setting appropriate title and description tags will increase the chances of meeting user needs and search intent, and will affect the number of accesses.

Effects of meta tags on SEO 2.Improvement of search engine crawlability

There are several types of meta tags, some of which tell search engines whether or not to crawl.

In many cases, not all pages on the site are necessary, and in some cases, search engine crawling resources are used more than necessary (waste of crawl budget).

Typical meta tags and specific description methods

c762cb631ec3bfe6c37e5efdfe6eb7bc

Let's hold down the typical meta tags that are frequently used and the minimum description method related to meta tags.

title tag

As the name suggests, it is an important title tag in SEO that is used to title the page.

It is a very important tag to remind the crawler of the content of the page.

▼Description example

<title>【2022年最新版】SEO対策とは?SEO初心者向けの基礎知識 | 株式会社ココログラフ</title>
Code language: HTML, XML (xml)

meta description tag

Description tags are responsible for descriptive text in search results.

Although it is not a direct SEO element, it is a very important tag because the click rate is affected depending on how you write the sentences. Even if you do not set any description tags, there are cases where search engines automatically store them, but there is no guarantee that they will always be suitable descriptions.

Set proper description tags whenever possible.

▼Description example

<meta name="description" content="インデックスカバレッジの問題は、Googleがそのページを正しくインデックスできていないことを意味しており、問題を解消しない限り、そのページはGoogleにインデックスされず、検索結果に表示されることもありません。">
Code language: HTML, XML (xml)

▼Please see here for the description

https%3A%2F%2Fcocorograph
favicons? domain = cocorograph What is a description? Let's understand the meaning and the appropriate number of characters and check the effective writing style for SEO! | Cocorograph Inc.
Meta descriptions have no direct impact on SEO or rankings. However, it is indirectly related to the user's click-through rate. Identify the points to put effort into the description, and create an appropriate description…

viewport tag

It is a tag for instructing the browser to display on mobile devices. It is a meta tag that is necessary for responsive design, so let's specify it.

▼Description example

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Code language: HTML, XML (xml)

charset attribute (specifying the character code)

The charset attribute specifies the character code.

If you've ever studied HTML, the code below should look familiar.
For Japanese, it is common to specify typical "utf-8" or "shift_jis".

Be sure to specify it because the content may be garbled.

▼Description example

<meta charset="utf-8">
Code language: HTML, XML (xml)

OGP (Open Graph Protocol) tag

OGP (Open Graph Protocol) tags are essential when considering SNS. This is a meta tag that is necessary to correctly display information such as the page title and description when shared on SNS.

▼Description example

<meta property="og:url" content=" https://cocorograph.co/metatag" />
Code language: HTML, XML (xml)

A note on meta tags

ef116737c047f3c42b6da353b6ef9e25

There are a few things you should understand when setting meta tags.

Meta keywords don't need to be overly focused

Meta keywords are tags that describe keywords to convey the content of the page.

It was an effective way to convey the content of a page when search engines were not as advanced as they are today. By setting meta keywords, it helped the crawler and had an SEO effect.

  • The search engine has been updated so that you can fully understand the page content without setting meta keywords
  • It became thin as an SEO element because the black method using meta keywords was rampant in the past.

From the above, it no longer plays a very important role in the current SEO strategy.

However, if you set it properly, it shouldn't have any bad effects, so don't ignore it at all and set it in moderation.

Meta tags have no direct impact on SEO

As I have explained several times above,You cannot get a direct SEO effect by installing meta tags.

However, there are many cases where it helps to properly convey the information and content of the page to the crawler, and those related to display such as meta description tags and OGP tags have a direct impact on users.It can be said that it is indirectly related to SEO.

Make good use of meta tags to create a website with good crawlability

Meta tags do not directly affect SEO, but many of them indirectly affect SEO, making them very important tags.

Typical tags are title tags and meta description tags, and there are also tags that affect SNS like OGP tags. Try to use proper tagging wherever possible.


If you have any questions after reading the article, feel free to Twitter (@kaznak_com) Etc., please ask.
see you.

Kazuhiro Nakamura
Kazuhiro Nakamura
Representative of Cocorograph Inc. 13 years of SEO history, more than 970 sites with countermeasures. We provide SUO, an upward compatible service of SEO that optimizes not only search engines but also search users. SEO / SUO's original report tool, Sachiko Report Developer. Book "The latest common sense of SEO taught by professionals in the field"
Kazuhiro Nakamura
Kazuhiro Nakamura
Representative of Cocorograph Inc. 13 years of SEO history, more than 970 sites with countermeasures. We provide SUO, an upward compatible service of SEO that optimizes not only search engines but also search users. SEO / SUO's original report tool, Sachiko Report Developer. Book "The latest common sense of SEO taught by professionals in the field"