メタタグとは、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 で共有された際にも適切なプレビューが表示されるようにします。