<meta name=”description”…>と<meta property=”og:description”…>の違い

両方のタグは、Webページの説明を提供するために使用されますが、異なる文脈で使用されます。

検索エンジンが理解するためのタグ

<meta name="description" ...> タグは、WebページのHTMLのヘッダーセクション内に配置され、検索エンジンがページの内容を理解しやすくするために使用されます。このタグには、ページの短い説明が含まれています。これは、検索結果ページに表示されるページのリストの下に表示される説明の一部として使用されます。

SNSが理解するためのタグ

<meta property="og:description" ...> タグは、FacebookやTwitterなどのソーシャルメディアサイトでWebページが共有される場合に使用されます。このタグには、Webページの説明が含まれており、FacebookやTwitterの投稿のプレビューとして使用されます。

つまり、<meta name="description" ...> タグは検索エンジンに対してWebページを説明するために使用され、<meta property="og:description" ...> タグはソーシャルメディアプラットフォームに対してWebページを説明するために使用されます。

両方必要なタグなので、同じ内容でそれぞれのタグを設置することをおすすめします。