WEBのよくわからない言葉を調べる❷

よしだ

忘れてしまうのでメモ。

マークアップ関連


meta

ブラウザや検索ロボットにサイトの情報を知らせるためのタグ

・googleなどのロボット型検索エンジンがネットワークを巡回したときに
　拾われ、検索ページに反映される
・サイト上の画面には表示しない（<head>タグ内に記述）

一部はGoogleのAI搭載・技術向上により、metaタグは検索結果の上位表示に関わる要素ではなくなった。

-----------------------------------------------------------------------

●title
​<title>タイトル名</title>

検索結果に表示される見出し。ブラウザのタブ表示と共通。30文字目安。
正確にはmetaタグではない。
keywordsやdescriptionと違い、検索エンジンの評価への影響が高い。

-----------------------------------------------------------------------

●discription
<meta content="概要文を120文字程度" name="description">

SPだと80文字程度しか表示されないので、重要なキーワードは前の方に書いておく。
検索エンジンの評価はされないがユーザーが目にするためきちんと設定が必要。

スクリーンショット 2021-04-11 0.13.07


-----------------------------------------------------------------------

●charset
<meta charset="utf-8">

htmlの文字コードの指定。他言語版ブラウザからのアクセスで文字化けする可能性があるので必ず書く。
日本語サイトの場合世界共通のUTF-8や日本語の文字コードShift-JIS。

※文字コードとは文字や記号に割り当てられたコンピュータが認識するための数字。

-----------------------------------------------------------------------

●property（ogpタグ）
<meta property="og:title" content="ページの タイトル" />
<meta property="og:description" content="ページのディスクリプション" />
<meta property="og:type" content="ページの種類" />
<meta property="og:url" content="ページの URL" />
<meta property="og:image" content="サムネイル画像の URL" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:locale" content="ja_JP" />

SNSでシェアした時に表示される画像やタイトル、文章。

-----------------------------------------------------------------------

●keywords
<meta name="keywords" content="キーワード1,キーワード2,キーワード3">

Googleは、metaキーワードの情報を一切見ていないと発表し、2021年現在では高いSEO効果を持たなくなった。設定の必要がない。


引用元
https://emma.tools/magazine/meta-tags-for-seo/
https://hitonote.jp/column/seo/2014/
https://ferret-plus.com/13074

この記事が気に入ったらサポートをしてみませんか？