JavaScriptを使用してページのメタタグに特定の文字列を挿入する方法

Question

SEO 最適化のためにこれが必要です。私が取り組んでいる Web サイトには、動的に生成される小さなページのセットがありますが、それらのメタデータは非常に汎用的です。たとえこれら 5 つの (異なる) ページのコンテンツが比較的異なっていても、タイトルと説明は同じなので、これは避けたいと考えています。この状況。

JavaScript を使用して、特定のページのコンテンツをそのメタ タグに挿入したいと考えています。

ページの構造は次のとおりです:

リーリー

次のものを注入したい:

".intro" (この場合は "ここに紹介文") -> ページのメタ説明へ

＃＃＃そして＃＃＃

"h1" (この場合は "post title") -> ページのメタ タイトルへ

最終結果は次のようになります:

リーリー

私の JavaScript スキルが限られているため、現在ページのタイトルとメタディスクリプションを変更できるのは次の方法のみです。

リーリー

明らかに、このメソッドは静的すぎるため、ページ コンテンツからデータを取得できません。

必要な文字列がメタ タイトルと説明に挿入されるように、上記の 2 行のコードを変更するにはどうすればよいですか?

Answer 1

SEO のベスト プラクティスについてはコメントを避け（コメントですでに十分に説明されているため）、質問のコード部分のみに回答します。

その meta 要素を参照し、content 属性を調整するだけです。

リーリー