11
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

サイトのOGPタグを生成AIで作ったツールで管理〜SNSに表示されるタイトルや画像をちゃんと管理しよう

11
Last updated at Posted at 2025-12-14

朝日新聞社 開発部の @sohei です。
この記事は、朝日新聞社 Advent Calendar 2025 14日目の記事です。

私のチームでは、英和新聞 Asahi Weekly のWebサイトを開発・運用しています。
朝日ウイークリーデジタル(Asahi Weekly DIGITAL)

ある日、ページによってOGPタグが適切ではなかったり、 サイト内で統一されていない箇所があることに気が付きました。

OGP(Open Graph Protocol)タグとは、WebページがSNS等でシェアされた際に表示されるタイトル・説明文・画像などを指定するためのmeta情報です。

OGPタグの例
og:title :SNS上で表示されるタイトル
og:description :概要文
og:image :サムネイル画像
og:url :URL

SEOのように検索順位に影響するものではありませんが、各種SNSでの見え方がこれで決まります。
このようなタグの確認は後回しになってしまっており、サイトとして管理されていない状態でした。

そこで、生成AIを使いサクッと、サイト内の各ページのOGPタグを一覧化するツールを作りました。
今回はとりあえず表で一覧化して確認ができればよかったので、Google Spreadsheet と Google Apps Script(GAS)で作成しました。30分程度でできました。

ogpchecker1.png
ogpchecker2.png

動作はシンプルで、

  1. リストのURLを一つずつ読み込む
  2. 各ページのソースから各種OGPタグを取得
  3. スプレッドシートで一覧化する

というものです。

これだけですが、一覧で見えるようになったことで、サイト全体の把握が出来、不適切な部分を後で修正することができました。

このようなサイトにおけるちょっとした確認も、生成AIでツールを作成することでサクッと実現できますね。

参考になれば幸いです。


英和新聞 Asahi Weekly は、生きた英語で英語学習をサポートする英字新聞で、国内外の時事ニュースや独自の英作文、学習コラムや、エンタメ、クイズなど多彩な話題を取り上げています。
Webサイトでは、生成AIを使った音声コンテンツ「記事で楽しむDJトーク」も新たに開始しました。よければご覧ください。

英和新聞 Asahi Weekly
朝日ウイークリーデジタル(Asahi Weekly DIGITAL)

11
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?