両方のタグは、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ページを説明するために使用されます。
両方必要なタグなので、同じ内容でそれぞれのタグを設置することをおすすめします。
