OGPタグを活用したリンクカード作成法

2025-03-31

52と聞いてなんの数かわかりますか？これ、一年の週数です。53週はフルにないのと、正月休み、夏休み等を含めると実質50週くらいしかないとされています。何週できるかわかりませんが、プログラミングノック始めたいと思います。

OGPタグを活用したリンクカード作成法

カードタイプのリンクタグを作るジェネレータを作りました。

OGPというタグがウェブページないにはあり、自動化する上でタイトルや概要、サムネイルなどを簡単に取得することができます。

指定されたURLのページを読み取り、HTMLを解析して、リンクに必要な要素を取得します。

画像サイズや概要文の修正など簡単にカスタマイズできる様にしないとって思いますが一旦保留です。

https://s-okada.org/createLinkCard

よければ使ってみて下さい。

サンプルコード

OGPタグを抽出する部分になります。

$dom = new DOMDocument('1.0', 'UTF-8');
$html = file_get_contents(URL);//データを抽出したいURLを入力
@$dom->loadHTML($html);
$xpath = new DOMXpath($dom);
$metas = $xpath->query('/html/head/meta');

foreach ($metas as $meta) {
    $property = strtolower($meta->getAttribute('property'));
    if ($property == 'og:title' ) {
        $target_title = $meta->getAttribute('content');
    } elseif ($property == 'og:description' ) {
        $target_description = $meta->getAttribute('content');
    } elseif ($property == 'og:image' ) {
        $target_image = $meta->getAttribute('content');
    }
  }