メタタグとは、HTML の <head> セクション内に記述する <meta> 要素の総称で、ページに関するメタデータを検索エンジンやブラウザに提供します。直接的にページの表示内容には影響しませんが、SEO やソーシャルメディアでの表示に重要な役割を果たします。
SEO に関連する主要なメタタグとして、<meta name=\"description\"> (ページの説明文)、<meta name=\"robots\"> (クローラーへの指示)、<meta name=\"viewport\"> (モバイル表示の制御) があります。特に description メタタグは、検索結果のスニペットに表示される可能性があるため、クリック率に直接影響します。<% if (typeof amazonTag !== 'undefined' && amazonTag) { %><a href="https://www.amazon.co.jp/s?k=HTML%20メタタグ%20SEO&tag=<%= amazonTag %>" target="_blank" rel="nofollow noopener noreferrer" class="amazon-inline-link">Amazon の関連書籍</a><% } else { %>Amazon の関連書籍<% } %>も参考になります。
Open Graph (OG) タグや Twitter Card タグもメタタグの一種で、SNS でリンクが共有された際のプレビュー表示を制御します。og:title、og:description、og:image を適切に設定することで、SNS での視認性とクリック率を向上させられます。
不要なメタタグ (keywords メタタグなど) は、Google が検索順位の決定に使用しないことを公式に表明しているため、設定する必要はありません。<% if (typeof amazonTag !== 'undefined' && amazonTag) { %><a href="https://www.amazon.co.jp/s?k=SEO%20メタデータ%20最適化&tag=<%= amazonTag %>" target="_blank" rel="nofollow noopener noreferrer" class="amazon-inline-link">SEO メタデータ最適化の実践書</a><% } else { %>SEO メタデータ最適化の実践書<% } %>も役立ちます。