メタタグとは、 HTML の <head> 内に記述するメタデータ要素の総称です。ページの説明、文字コード、ビューポート設定、 OGP 情報、検索エンジンへの指示など、ページに関する様々な情報をブラウザや検索エンジンに伝えます。
SEO に関連する主要なメタタグは、 <meta name="description"> (ページの説明) 、 <meta name="robots"> (クロール・インデックスの制御) 、 <link rel="canonical"> (正規 URL の指定) 、 <meta name="viewport"> (モバイル表示の制御) です。かつて重要視されていた <meta name="keywords"> は、現在 Google のランキング要因としては使用されていません。
OGP (Open Graph Protocol) 関連のメタタグは、 SNS でリンクが共有された際のプレビュー表示を制御します。 og:title 、 og:description 、 og:image 、 og:url が基本的な 4 つのプロパティです。 Twitter Card 用のメタタグ (twitter:card 、 twitter:title など) も併せて設定することで、 Twitter (X) での表示も最適化できます。
短縮 URL サービスのプレビューページでは、リダイレクト先のページから OGP 情報を取得し、プレビューページ自体のメタタグに反映することで、短縮 URL が SNS で共有された際にも適切なプレビューが表示されるようにします。関連書籍は Amazon でも探せます。