Skip to content

Instantly share code, notes, and snippets.

@fukaz55
Last active January 6, 2025 09:30
Show Gist options
  • Save fukaz55/ffbfd5ba45ef1673186bb2b6ddfcdd41 to your computer and use it in GitHub Desktop.
Save fukaz55/ffbfd5ba45ef1673186bb2b6ddfcdd41 to your computer and use it in GitHub Desktop.
WebコミックサイトのOGPについての調査

WebコミックサイトのOGPについて

概要

私は現在、Blueskyに投稿されたWebコミックへのリンクを取得し、それを集計して記録する「ブルスコミックログ」を作成している。 Webコミックの情報は、基本的にWebコミックのサイトにプログラムでアクセスして取得できる OGP(Open Graph Protocol) より収集しているが、Webコミック毎に OGP に書かれた情報は微妙に異なっている。その違いを記録するため、このテキストを作成する。

また、集計する際にはマンガのタイトルや話数を抽出する必要があるため、OGPから取得したタイトル (og:title) の構成についても解析を行う。

項目

  • 作品URL
  • OGPの内容
  • 作品タイトルの構成
  • アプリの場合の変化点
  • 所感


少年ジャンプ+

https://shonenjumpplus.com/

作品URL

https://shonenjumpplus.com/episode/17文字以上の数値

OGP

項目 内容
og:title 作品のタイトル [第一話]モノクロのふたり - 松本陽介 | 少年ジャンプ+
og:url 作品URL https://shonenjumpplus.com/episode/17106567255706134238
og:type ページの種類 article
og:image 作品タイトル画像のURL https://cdn-ak-img.shonenjumpplus.com/public/series-thumbnail/...
og:image:width サムネイル画像の幅 482
og:image:height サムネイル画像の高さ 482
og:site_name サイト名 少年ジャンプ+
og:description 作品の説明 <毎週日曜更新>優秀なサラリーマンとして日々働く男・不動花壱。...
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @shonenjump_plus
twitter:title og:title と同一 [第一話]モノクロのふたり - 松本陽介
twitter:description 短い作品の説明 諦めた未来へ、もう一度。
twitter:image 今回のエピソードのサムネイル https://cdn-ak-img.shonenjumpplus.com/public/...

作品タイトルの構成

例:[第一話]モノクロのふたり - 松本陽介 | 少年ジャンプ+

正規表現:[(.+?)](.+?) - (.+?) | (.+)$

  1. 話数
  2. 作品タイトル
  3. 作者名
  4. サイト名

アプリが生成する共有URL

アプリが生成したURLにWebブラウザでアクセスすると、レスポンスヘッダのLocationに作品ページのURLが入っている。ブラウザは、そこに指定された作品ページへリダイレクトする。

所感

GigaViewer for Web採用サイトで最も標準的な仕様。 Web、アプリ用URL共にOGPが取得でき、OGPからはSNS投稿に必要な全ての要素が格納されているので、そのまま使用できる。 twitter:description に、投稿可能な文字列が短いSNS共有用に簡潔な作品の説明文章が入っているところも良い。現段階で最も理想的なOGPを出力するWebコミックサイトと言える。


サンデーうぇぶり

https://www.sunday-webry.com/

作品URL

https://www.sunday-webry.com/episode/17文字以上の数値

OGP

  • ジャンププラスと同等
  • og:image:widthとog:image:heightには(ジャンププラスと同じ)482が指定されているが、og:imageで指定された画像のサイズは965x561px

作品タイトルの構成

例:第1話 うろんな転校生 / 写らナイんです - コノシマルカ | サンデーうぇぶり

正規表現:(.+?) / (.+?) - (.+?) | (.+?)$

  1. 話数+サブタイトル
  2. 作品タイトル
  3. 作者名
  4. サイト名

アプリが生成する共有URL

ブラウザアクセス時のリダイレクトはジャンプ+と同様。 アプリには存在するが、Webでは公開していない作品の場合は、サンデーうぇぶりアプリのティザーサイトに移動する。その場合はOGPに作品情報は入らない。

所感

基本的にジャンプ+と仕様が同様なので、処理しやすい。 ただ、サンデーうぇぶりは「アプリのみ公開でWebでは公開しない」作品も多く、その作品へのURLをSNSに張った場合はSNSで表示されるサムネイルには作品名や作品の画像が表示されない。「アプリでのみ期間限定公開!」的なキャンペーンでこの現象が頻発するのが惜しい。


となりのヤングジャンプ

https://tonarinoyj.jp/

作品URL

https://tonarinoyj.jp/episode/17桁以上の数字

OGP

  • ジャンププラスと同等
  • og:imageの画像サイズは500x500px

作品タイトルの抽出方法

例:[第4話] 男×4寮!生態記録 - 原作:相島桃志郎 作画:天道グミ | となりのヤングジャンプ

正規表現:[(.+?)]\s*(.+?) - (.+?) | (.+)$

  1. 話数
  2. 作品タイトル
  3. 作者名
  4. サイト名

所感

サムネイル画像のサイズ以外はジャンプ+と仕様がほぼ同一。同じジャンプ系列だからだろうか。


コミックDAYS

https://comic-days.com/

作品URL

https://comic-days.com/episode/17桁以上の数字

OGP

  • ジャンププラスと同等
  • og:image:widthとog:image:heightには482が指定されているが、og:imageで指定された画像のサイズは900x506px

作品タイトルの抽出方法

例:チンチンデビルを追え! - くぼたふみお / 第1話 チンチンデビル襲来! | 月マガ基地

正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

コミックガルド

https://comic-gardo.com/

作品URL

https://comic-gardo.com/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageの画像サイズは500x500px

作品タイトルの抽出方法

例:暁の魔女レイシーは自由に生きたい~魔王討伐を終えたので、のんびりお店を開きます~ - 蔦千鳥/雨傘ヒョウゴ/京一 / 第4話「新たな始まり」(2) | コミックガルド

正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

コミプレ

https://viewer.heros-web.com/

作品URL

https://viewer.heros-web.com/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageで指定された画像のサイズは791x791px

作品タイトルの抽出方法

例:あつあつ!スタグル旅 - 能田達規 / MatchDay22:沼津 | コミプレ|ヒーローズ編集部が運営する無料マンガサイト

正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

くらげバンチ

https://kuragebunch.com/

作品URL

https://kuragebunch.com/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageで指定された画像のサイズは710x710px

作品タイトルの抽出方法

例:徳川埋蔵金はアメリカにござる - 大柿ロクロウ / 第3話 イエヤスとの約束 | コミックバンチKai

正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

Webアクション

https://comic-action.com/

作品URL

https://comic-action.com/episode/17桁以上の数字

OGP

ジャンプ+と同様

  • og:imageで指定された画像のサイズは556x791px

作品タイトルの抽出方法

例:第1話 夢ヶ原さんは夢見がち! / 夢ヶ原さんは夢見がち! - 砂履シンシャ | webアクション

正規表現:(.+?) / (.+?) - (.+?) | (.+?)$

  1. 話数+サブタイトル
  2. 作品タイトル
  3. 作者名
  4. サイト名

COMIC OGYAAA!!

https://comic-ogyaaa.com/

作品URL

https://comic-ogyaaa.com/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageの画像サイズは600x600px

作品タイトルの抽出方法

例:Season13/1本目 ボルテスV レガシー / 邦画プレゼン女子高生 邦キチ! 映子さん - 服部昇大 | COMIC OGYAAA!! (コミックオギャー)|おもしろい、がうまれるところ

正規表現:(.+?) / (.+?) - (.+?) | (.+?)$

  1. 話数+サブタイトル
  2. 作品タイトル
  3. 作者名
  4. サイト名

ゼノン編集部

https://comic-zenon.com/

作品URL

https://comic-zenon.com/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageの画像サイズは504x504px

作品タイトルの抽出方法

例:ワカコ酒 - 新久千映 / 第603話 ズッキーニ味噌添え | ゼノン編集部

正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

コミックグロウル

https://comic-growl.com/

作品URL

https://comic-growl.com/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageで指定された画像のサイズは981x694px

作品タイトルの抽出方法

例:第2話 / 僕のいけずな婚約者 - 漫画:冬谷リク | コミックグロウル |無料で読めるWEBマンガ!

正規表現:(.+?) / (.+?) - (.+?) | (.+?)$

  1. 話数
  2. 作品タイトル
  3. 作者名
  4. サイト名

FEEL web

https://feelweb.jp/

作品URL

https://feelweb.jp/episode/17桁以上の数字

OGP

  • ジャンプ+と同様
  • og:imageで指定された画像のサイズは556x791px

作品タイトルの抽出方法

例:第1話 / そこここに愛 - カニマスクキミヨ | FEEL web|マンガの数だけ愛がある

正規表現:(.+?) / (.+?) - (.+?) | (.+?)$

  1. 話数
  2. 作品タイトル
  3. 作者名
  4. サイト名

Seasons

https://comic-seasons.com/

作品URL

https://comic-seasons.com/episode/17桁以上の文字列

OGP

  • ジャンプ+と同様
  • og:imageで指定された画像のサイズは959x959px

作品タイトルの抽出方法

例:キングレオの冒険 - 円居挽/絵歩 / 第1話 | Seasons 正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数
  4. サイト名


コミチ

https://comici.jp/

作品URL

OGP

項目 内容
og:local 言語 ja_JP
og:type ページの種類 article
og:image:width サムネイル画像の幅 1200
og:image:height サムネイル画像の高さ 630
twitter:card TwitterCardの種類 summary_large_image
note:card NoteCardの種類 summary_large_image
og:title 作品のタイトル
og:description 作品の説明 かわいい人たち by コジママユコ。街で見かけた「かわいい人たち」を描いていきます。
og:url 作品URL https://comici.jp/cotori9/series/...
og:image サムネイル画像のURL https://cdn-public.comici.jp/series/...
twitter:image og:imageと同一 https://cdn-public.comici.jp/series/...
  • og:imageの画像サイズは1280x672px

作品タイトルの抽出方法

例:かわいい人たち・いいか、長靴っていうのは水たまりに突っ込んでいくためのものじゃなくて… by 漫画家・コジママユコの作品

正規表現:(.+?)・(.+?) by (.+?)$

  1. 作品タイトル
  2. サブタイトル
  3. 作者名 ※作品紹介ページは作品タイトルのみが入る

所感

コミチは「コミチ+」というマンガSaaSを開発しており、チャンピオンクロスなどが採用している。 noteへのリンクの貼り付けに対応した、note:card というOGPが採用されているのが興味深い。


チャンピオンクロス

https://championcross.jp/

作品URL

OGP

項目 内容
twitter:card TwitterCardの種類 summary_large_image
note:card NoteCardの種類 summary_large_image
og:title 作品のタイトル 僕の心のヤバイやつ【最新話無料】・Karte.156 私は本音を言う
og:url 作品URL https://championcross.jp/episodes/4c1236fa1da44
og:image 今回のエピソードのサムネイルURL https://cdn-public.comici.jp/articlevisual/...
twitter:image og:imageと同一 https://cdn-public.comici.jp/articlevisual/...
og:description 作品の説明 僕の心のヤバイやつ【最新話無料】...
  • og:imageの画像サイズは900x472
  • og:titleとtitleタグに書かれている内容が異なる。titleタグにはサイト名が付いているが、og:titleには付いていない。

作品タイトルの抽出方法

例:僕の心のヤバイやつ【最新話無料】・Karte.156 私は本音を言う

正規表現:(.+?)・(.+?)$

  1. 作品タイトル
  2. 話数+サブタイトル ※作品紹介ページは作品タイトルのみが入る

所感

チャンピオンクロスも「コミチ+」を採用している。 作品のページと作品の各話のページが分かれている、作品URLで英数字13桁が使われていること以外は「ジャンプ+」と同様で処理しやすい。 リニューアルオープンした直後は動作が安定しない時があったが、現在は安定している。ただし「僕の心のヤバイやつ」が公開された時は例外。


ビッコミ

https://bigcomics.jp/

作品URL

OGP

  • チャンピオンクロスと同等
  • og:imageの画像サイズは1200x630px

作品タイトルの抽出方法

例:ヨシダ檸檬ドロップス・第2話 履修登録トーホールド

正規表現:(.+?)・(.+?)$

  1. 作品タイトル
  2. 話数+サブタイトル ※作品紹介ページは作品タイトルのみが入る

リマコミ

https://rimacomiplus.jp/

作品URL

https://rimacomiplus.jp/margaret/episodes/13桁の16進数の文字

OGP

  • チャンピオンクロスと同等
  • og:imageの画像サイズは658x265px

作品タイトルの抽出方法

例:四畳半のいばら姫・第1話

正規表現:(.+?)・(.+?)$

  1. 作品タイトル
  2. 話数+サブタイトル ※作品紹介ページは作品タイトルのみが入る

ハヤコミ

https://hayacomic.jp/

作品URL

OGP

  • チャンピオンクロスと同等
  • og:imageの画像サイズは1200x630px

作品タイトルの抽出方法

例:夜のロボット・夜のロボット第1話

正規表現:(.+?)・(.+?)$

  1. 作品タイトル
  2. 話数+サブタイトル ※作品紹介ページは作品タイトルのみが入る

所感

作品タイトルの抽出方法だが、「夢幻紳士 新・怪奇篇・夢幻紳士 新・怪奇篇 蟬(せみ)」は上記のパターンの例外。 タイトルに中点「・」が入っているものは、正規表現ではタイトルとサブタイトルを分割できない。


マグカン

https://kansai.mag-garden.co.jp/

作品URL

OGP

  • チャンピオンクロスと同等
  • og:imageの画像サイズは362x190px

作品タイトルの抽出方法

例:カノンディア交響曲・第1楽章

正規表現:(.+?)・(.+?)$

  1. 作品タイトル
  2. 話数+サブタイトル ※作品紹介ページは作品タイトルのみが入る


マガポケ

https://pocket.shonenmagazine.com/

作品URL

https://pocket.shonenmagazine.com/episode/17文字以上の数値

OGP

  • ジャンププラスと同等
  • og:image:widthとog:image:heightには(ジャンププラスと同じ)482が指定されているが、og:imageで指定された画像のサイズは640x368
  • twitter:image の画像サイズは 320x160

作品タイトルの抽出方法

例:さわらないで小手指くん - シンジョウタクヤ / 【第1話】「さわらないで小手指くん」 | マガポケ

正規表現:(.+?) - (.+?) / (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

アプリが生成する共有URL

アクセスすると、以下の(Webサイトとは内容が異なる)OGPを含んだHTMLを返す。

項目 内容
og:title 「マガジンポケット」固定 マガジンポケット
og:type ページの種類 website
og:image サムネイル画像のURL(320x160) https://mgpk-cdn.magazinepocket.com/static/...
og:site_name サイト名 マガジンポケット
og:description 作品の説明 部活JK×マッサージで悶絶必至♡
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @magapoke
twitter:title og:title と同一 マガジンポケット
twitter:description og:descriptionと同一 部活JK×マッサージで悶絶必至♡
twitter:image og:imageと同一 https://mgpk-cdn.magazinepocket.com/static/...

アプリが生成したURLにWebブラウザでアクセスした場合の作品ページへのリダイレクトは、レスポンスヘッダのLocationではなく、HTMLに書かれたJavascriptをブラウザが実行することよって行われる。 JavaScriptでは、https://pocket.shonenmagazine.com/red/content/ + e=の数値のURLにリダイレクトする処理を行っている。作品タイトルをOGPから取得したい場合は、こちらから取得する必要がある。

所感

Webページにアクセスした場合はジャンププラスと同様だが、アプリが生成するURLにアクセスした場合は作品ページには自動的にリダイレクトされないため、SNSにはタイトルが欠けたOGPの情報が表示される。 個別の作品名よりも「マガジンポケット」というアプリの文字列をSNSに表示することを優先した仕様だと考えられるが、個人的にはやはり作品名はOGPに入れて欲しい。


ちゃおプラス

https://ciao.shogakukan.co.jp/

作品URL

https://ciao.shogakukan.co.jp/comics/title/数値/episode/数値

OGP

ちゃおプラスは挙動が非常に特殊で、ブラウザではなくプログラムでURLにアクセスした場合、以下のOGPが含まれたHTMLを返す。

項目 内容
twitter:card TwitterCardの種類 summary_large_image

HTMLがブラウザに読み込まれると、HTMLに書かれたJavaScriptが実行され、その結果として以下のOGPを含んだ通常のマンガビューアのページが出力される。

項目 内容
og:description 作品の説明 ふしぎな猫のまち メルティア 第1話 はじめまして、猫のまち…
twitter:description og:descriptionと同一 ふしぎな猫のまち メルティア 第1話 はじめまして、猫のまち…
og:title 作品のタイトル ふしぎな猫のまち メルティア / 佐倉おりこ / 第1話 はじめまして、猫のまち - ちゃおプラス公式サイト
og:url 作品URL https://ciao.shogakukan.co.jp/comics/title/00511/episode/7781
og:type ページの種類 article
og:image サムネイル画像のURL https://cdn.ciao.shogakukan.co.jp/static/titles/...
og:image:width サムネイル画像の幅 482
og:image:height サムネイル画像の高さ 482
og:site_name サイト名 ちゃおプラス公式サイト

通常、SNSでリンク先の情報を取得する場合はSNSのサーバがプログラム的にURLにアクセスするが、読み込んだHTMLの中に入っているJavaaScriptを実行して再レンダリングする処理は行われないので、SNSに https://ciao.shogakukan.co.jp/comics/title... のURLを貼っても、リンク以外は何も表示されない。

機械的なアクセスを拒否しているので、どうしてもちゃおプラスのOGPを機械的に読みたい場合は、いわゆるヘッドレスブラウザを使用する必要がある。

作品タイトルの抽出方法

例:ふしぎな猫のまち メルティア / 佐倉おりこ / 第1話 はじめまして、猫のまち - ちゃおプラス公式サイト

正規表現:(.+?) / (.+?) / (.+?) - (.+?)$

  1. 作品タイトル
  2. 作者名
  3. 話数+サブタイトル
  4. サイト名

アプリが生成する共有URL

XやLINEの共有ボタンを押すと、api.ciao.shogakukan.co.jp から始まるリンクが生成される。 このリンクにアクセスすると、以下のOGPを含んだHTMLが出力される。

項目 内容
og:title 「ちゃおプラス」固定 ちゃおプラス
og:type ページの種類 website
og:image サムネイル画像のURL https://cdn.ciao.shogakukan.co.jp/static/titles/...
og:site_name サイト名 ちゃおプラス
og:description 作品の説明 (空白)
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @ciao_manga
twitter:title og:title と同一 ちゃおプラス
twitter:description og:descriptionと同一 (空白)
twitter:image og:imageと同一 https://cdn.ciao.shogakukan.co.jp/static/titles/...

ちゃおプラスもマガジンポケットと同様、シェア用のURLにアクセスした時に作品ページへの移動は、レスポンスヘッダのLocationではなく、HTMLに書かれたJavascriptをブラウザが実行することよって行われる。 JavaScriptでは、https://ciao.shogakukan.co.jp/comics/title/ + t=の数値 + /episode/ + tの数値 のURLにリダイレクトする処理を行っている。

所感

作品のWebページにプログラム的にアクセスした時に意味のあるOGPを全く返さない点、シェア用のリンクURLをSNSに貼ってもサムネイル以外に有効な情報を返さない点を考えると、ちゃおプラスは意図的にSNS等に作品の情報をシェアされ辛くする仕様にしているものと考えられる。個人的には非常にもったいない仕様だと思う。


ヤンマガWeb

https://yanmaga.jp/

作品URL

OGP

項目 内容
og:title 作品のタイトル 私とセイコウしませんか!? - 第1話 マッチングアプリ
og:description 作品の説明 私とセイコウしませんか!?。関わる異性は担当編集だけ...
og:type ページの種類 article
og:image サムネイル画像のURL https://eh96lnrmau.user-space.cdn.idcfcloud.net/thumbnail/episode/...
og:url 作品URL https://yanmaga.jp/comics/...
og:local 言語 ja_JP
twitter:title og:title と同一 私とセイコウしませんか!? - 第1話 マッチングアプリ | ヤンマガWeb
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @yanmagaweb
twitter:description og:descriptionと同一 私とセイコウしませんか!?。関わる異性は担当編集だけ...
twitter:url og:urlと同一 https://yanmaga.jp/comics/...
  • og:imageの画像サイズは900x472px

作品タイトルの抽出方法

例:私とセイコウしませんか!? - 第2話 おはなししよう | ヤンマガWeb

正規表現:(.+?) - (.+?) | (.+?)$

  1. 作品タイトル
  2. 話数+サブタイトル
  3. サイト名

所感

OGPの構成が独特。og:localが入っているのが珍しい。 また、作品のURLにエンコードされた作品タイトルが入っているのも珍しい。SEO的に有利になるんだろうか。


ジャンプルーキー!

https://rookie.shonenjump.com/

作品URL

OGP

項目 内容
og:title 作品のタイトル ふつうの軽音部 1話 - ジャンプルーキー!
og:type ページの種類 article
og:url 作品URL https://rookie.shonenjump.com/series/...
og:image サムネイル画像のURL https://cdn-img.rookie.shonenjump.com/public/cover_images/...
og:description 作品の説明 【告知】「ふつうの軽音部」、ジャンプ+で1/14(日)より連載開始します...
og:site_name サイト名 ジャンプルーキー!
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @shonenjump_plus
twitter:image X用のサムネイル(1ページ目の縮小)のURL https://cdn-scissors.gigaviewer.com/image/scale/...
twitter:title og:titleと同一 ふつうの軽音部 1話 - ジャンプルーキー!
twitter:description og:descriptionと同一 【告知】「ふつうの軽音部」、ジャンプ+で1/14(日)より連載開始します...
  • og:imageの画像サイズは640x640px
  • twitter:imageの画像サイズは522x783px

作品タイトルの抽出方法

例:ふつうの軽音部 1話 - ジャンプルーキー!

正規表現:(.+?) (.+?) - (.+?)$

  1. 作品タイトル
  2. 話数
  3. サイト名

所感

ジャンプルーキーのサイトのシステムは、「ジャンプ+」とは全く異なる独自のものになっている。基本的な作りが投稿サイトだからだろうか。 twitter:imageが縦長の画像なのは珍しい。


ニコニコ漫画

作品URL

OGP

項目 内容
og:title 作品のタイトル じゃんげま 430. 『おかえりなさい』 / Game*Spark
og:type ページの種類 book
og:url 作品URL https://manga.nicovideo.jp/watch/...
og:image サムネイル画像のURL https://cdn-img.rookie.shonenjump.com/public/cover_images/...
og:description 作品の説明 シューター女子のちょっぴりコミカルでドタバタでだらだらフレンドリーファイアな日常...
og:site_name サイト名 ニコニコ漫画
twitter:card TwitterCardの種類 summary
twitter:image og:imageと同一 https://deliver.cdn.nicomanga.jp/thumb/mg_thumb/...
  • og:imageの画像債は160x90px

作品タイトルの抽出方法

例:じゃんげま 430. 『おかえりなさい』 / Game*Spark

正規表現:(.+?) (.+?) / (.+?)

  1. 作品タイトル
  2. 話数+サブタイトル
  3. 作者名

所感

リニューアル以前はニコニコ静画の中でマンガを公開しているスタイルだったと記憶しているが、現在はマンガとイラスト(静画)でドメインが分かれている。現在は、マンガへのリンクが欲しい場合は manga.nicovideo.jp を対象とすればよいと思う。 og:descriptionには(投稿ユーザーが設定した)HTMLタグが入っている場合があるが、それをそのまま表示すると問題が起こる場合があるので、そのまま使わない方が良い。


カドコミ

https://comic-walker.com/

作品URL

https://comic-walker.com/detail/KC_ + 数字 + _S/episodes/KC_ + 数字 + _E

OGP

項目 内容
og:url 作品URL https://comic-walker.com/detail/...
og:title 作品のタイトル 【第1話①】ゴリラの神から加護された令嬢は王立騎士団で可愛がられる|カドコミ (コミックウォーカー)
og:description 作品の説明 16歳になると、さまざまな動物神から加護を得られる世界――気弱な伯爵令嬢ソフィア・リーラーは...
og:image サムネイル画像のURL https://cdn.comic-walker.com/integration/cdpf/resources/...
og:site_name サイト名 カドコミ (コミックウォーカー)
og:type ページの種類 website
og:local 言語 ja_JP
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @kado_comi
  • og:imageの画像サイズは960x540px

作品タイトルの抽出方法

例:【第1話①】ゴリラの神から加護された令嬢は王立騎士団で可愛がられる|カドコミ (コミックウォーカー)

正規表現:(【.+?】)(.+?)|(.+?)$

  1. 話数
  2. 作品タイトル
  3. サイト名

所感

カドコミはOGPや作品URLの構造が独特。他とは異なるSaaSを使っているように思える。


COMIC FUZ

https://comic-fuz.com/

作品URL

https://comic-fuz.com/manga/viewer/ + 数字

OGP

項目 内容
twitter:card TwitterCardの種類 summary_large_image
og:title 作品のタイトル 廣井きくりの深酒日記 ぼっち・ざ・ろっく!外伝 1話
og:description 作品の説明 (空白)
og:type ページの種類 article
og:url 作品URL https://comic-fuz.com/viewer/...
og:image サムネイル画像のURL https://img.comic-fuz.com/e/...
og:image:width サムネイル画像の幅 800
og:image:height サムネイル画像の高さ 500

作品タイトルの抽出方法

例:廣井きくりの深酒日記 ぼっち・ざ・ろっく!外伝 1話

正規表現:(.+?) (.+?)$

  1. 作品タイトル
  2. 話数

所感

作品URL、OGPともに独特。og:descriptionが空白なのは珍しい。 og:urlは「stg.krr.pw」から始まる文字列になっている場合があるが、ここにアクセスすると403エラーが表示される。ドメイン名から推測すると、アプリのテスト環境用のドメインなのではないかと思われる。stg.krr.pwをcomic-fuz.comに差し替えると動作する。


裏サンデー

https://urasunday.com/

作品URL

https://urasunday.com/title/数値/数値

OGP

項目 内容
twitter:card TwitterCardの種類 summary_large_image
og:type ページの種類 article
og:title 作品のタイトル 灼熱カバディ 第1話|裏サンデー
og:description 作品の説明 新世代スポーツ作品!
og:image サムネイル画像のURL https://urasunday.com/secure/...
  • og:urlは存在しない

作品タイトルの抽出方法

例:灼熱カバディ 第1話|裏サンデー

正規表現:(.+?) (.+?)|(.+?)$

  1. 作品タイトル
  2. 話数
  3. サイト名 ※「|」は全角の縦棒

所感

OGPにor:urlが定義されていない。同様のサイトにはジャンプTOONがある。


ファイアCROSS

https://firecross.jp/

作品URL

OGP

項目 内容
og:title 作品のタイトル 剣聖女アデルのやり直し - WEB読み | ファイアCROSS
og:url 作品URL https://firecross.jp/ebook/series/537
og:type ページの種類 article
og:image サムネイル画像のURL https://firecross.jp/s3/series/ogp/...
og:site_name サイト名 ファイアCROSS
og:description 作品の説明 大戦で自国を勝利に導き、英雄と称えられる盲目の剣聖アデル...
twitter:card TwitterCardの種類 summary_large_image
twitter:image og:imageと同一 https://firecross.jp/s3/series/ogp/...
twitter:site Xアカウント fire_cross_2021

作品閲覧ページにはOGPは含まれていない。

作品タイトルの抽出方法

例:剣聖女アデルのやり直し - WEB読み | ファイアCROSS

正規表現:(.+?) - (.+?) |\ (.+?)$

  1. 作品名
  2. ファイアCROSS内でのジャンル
  3. サイト名

ヤンジャン!

https://ynjn.jp/

URL

OGP

項目 内容
og:site_name サイト名 ヤンジャン!|集英社・ジャンプ系青年マンガ公式
og:url 作品URL https://ynjn.jp/viewer/105/12241
og:type ページの種類 article
og:image:alt サムネイル画像の注釈 ヤンジャン!|集英社・ジャンプ系青年マンガ公式
twitter:site Xのアカウント名 @ynjn_jp
twitter:creator Xのアカウント名 @ynjn_jp
twitter:card TwitterCardの種別 summary_large_image
twitter:app:country ja
og:title 作品名 明日ちゃんのセーラー服第1話 黄身2コだよ?|ヤンジャン!集英社公式・ジャンプ系青年マンガ誌アプリ
og:image サムネイル画像のURL https://public.ynjn.jp/key_visual/...
og:description twitter:descriptionと同一 死んだはずのヤクザが、今まさに出産中の妊婦に転生!?...
twitter:title og:titleと同一 明日ちゃんのセーラー服第1話 黄身2コだよ?|ヤンジャン!集英社公式・ジャンプ系青年マンガ誌アプリ
twitter:image og:imageと同一 https://assets-web-prd.akamaized.net/images/...
twitter:description 作品の説明 その“初めて”を“何度でも”──。 舞台は、田舎の名門女子中学・私立ロウ梅学園...

※アプリ系のOGP(twitter:app:id:iphone, twitter:app:name:iphone, twitter:app:url:iphone, twitter:app:id:googleplay, twitter:app:url:googleplay)もあったが省略

作品タイトルの抽出方法

例:明日ちゃんのセーラー服第1話 黄身2コだよ?|ヤンジャン!集英社公式・ジャンプ系青年マンガ誌アプリ

正規表現:(.+?) (.+?)|(.+?)$

  1. タイトル+話数
  2. サブタイトル
  3. サイト名

タイトルと話数は分割記号なしで融合してしまっているため、機械的な分割は不可能。 話数はマンガによって「第1話」となっているものもあるし、「001」と数字だけになっているものもある。


コロコロコミック

https://www.corocoro.jp/

作品URL

OGP

項目 内容
og:title 作品タイトル アオアシ ジュニア版 小林有吾
og:description 作品の説明 愛媛県に暮らす、サッカーが大好きな少年・青井葦人(あおいアシト)。...
og:url 作品URL https://manga-one.com/viewer/272111
og:image サムネイル画像のURL https://img.www.corocoro.jp/title/182.webp?...
twitter:card TwitterCardの種類 summary_large_image
twitter:title og:titleと同様 アオアシ ジュニア版 小林有吾
twitter:description og:descriptionと同一 愛媛県に暮らす、サッカーが大好きな少年・青井葦人(あおいアシト)。...
twitter:image og:imageと同一 https://img.www.corocoro.jp/title/182.webp?...
twitter:image:alt サムネイル画像の注釈 アオアシ ジュニア版 の作品サムネイル

作品閲覧ページでは、以下の項目の内容が異なる。

項目 内容
og:title 作品タイトル アオアシ ジュニア版 第359話 小林有吾
og:description 作品の説明 アオアシ ジュニア版 第359話 小林有吾のまんが

作品タイトルの抽出方法

例:アオアシ ジュニア版 第359話 小林有吾 | 週刊コロコロコミック

正規表現:(.+?) (第.+?話) (.+?) | (.+?)$

  1. 作品タイトル
  2. 話数
  3. 作者名
  4. サイト名

DREコミックス(ドリコムメディア)

作品URL

OGP

項目 内容
og:title 作品タイトル ブレイド&バスタード - DREコミックス公式サイト | ドリコムメディア
og:image サムネイル画像のURL https://drecom-media.jp/s3/series/ogp/...
og:description 作品の説明 ドリコムメディアが贈る、コミックレーベル「DREコミックス」(ドリコミックス)の公式サイトです...
twitter:image og:imageと同一 https://drecom-media.jp/s3/series/ogp/...
og:url 作品URL https://drecom-media.jp/drecomics/series/blade
og:type ページの種類 article
og:site_name サイト名 DREコミックス公式サイト
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xのアカウント名 @drecom_media

作品閲覧ページでは、以下の項目の内容が異なる。

項目 内容
og:title 作品タイトル ブレイド&バスタード - 第0話 - DREコミックス公式サイト
og:url 作品URL https://drecom-media.jp/viewer/e/1

作品タイトルの抽出方法

例:ブレイド&バスタード - DREコミックス公式サイト | ドリコムメディア

正規表現:(.+) - (.+?)$

  1. 作品タイトル(+話数)
  2. サイト名


ジャンプTOON

https://jumptoon.com/

作品URL

OGP

項目 内容
og:title 作品のタイトル ぬのさんぽ
og:description 作品の説明 【待てば無料】ジャンプTOONで最新話を読む
og:image 作品タイトル画像のURL https://assets.jumptoon.com/series/...
og:image:width サムネイル画像の幅 1200
og:image:height サムネイル画像の高さ 630
og:type ページの種類 article
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @jumptoon_offl
twitter:title og:title と同一 ぬのさんぽ
twitter:description og:descriptionと同一 【待てば無料】ジャンプTOONで最新話を読む
twitter:image 今回のエピソードのサムネイル https://assets.jumptoon.com/series/...
twitter:image:width サムネイル画像の幅 1200
twitter:image:height サムネイル画像の高さ 630

※作品閲覧ページのOGPは、以下の項目が異なる。

項目 内容
og:title 作品のタイトル 【第3話】 ぬのさんぽ
og:type ページの種類 book
twitter:description 作品の説明 ジャンプのタテマンガ!ここでしか読めないオリジナル連載から人気のタテマンガ作品まで続々配信中。
twitter:image:type 今回のエピソードのサムネイル image/png
twitter:image 今回のエピソードのサムネイル https://jumptoon.com/series/...

og:urlは存在しない。

作品タイトルの抽出方法

例:【第3話】ぬのさんぽ | ジャンプTOON

正規表現:(【.+?】)(.+?) | (.+?)$

  1. 話数
  2. 作品タイトル
  3. サイト名

アプリが生成する共有URL

Webサイトと同一と思われる。

所感

ジャンプ+とはシステムが異なる。 作品ページと閲覧ページで微妙にOGPの内容が違う。作品閲覧ページのdescriptionにはアプリの宣伝が入っているので、こちらはSNSに貼られることを意識しているものと思われる。


マンガワン

https://manga-one.com/

作品URL

マンガワンはアプリで読むことに特化した媒体なので、サイトにアクセスしてもマンガは読めない。 PCのブラウザからマンガワンの作品ページにアクセスすると、アプリのティザーサイトにリダイレクトされる。 このため、OGPを取得するためにはAndroidやiOSのブラウザからアクセスする必要がある。

マンガワンでPCのブラウザから読める作品については、PCからアクセスすると作品ページが開く。ただし、モバイルからだと作品ページは開かず、アプリへの誘導ページが表示される模様。(https://manga-one.com/title/603/272111?r=660)

OGP

項目 内容
og:title 「マンガワン」固定 マンガワン
og:type サイト種別 website
og:url 作品URL https://manga-one.com/title/2129/274161
og:site_name サイト名 マンガワン
og:image サムネイル画像のURL https://app.manga-one.com/secure/...
og:description 作品の説明 第86話 勅命 罪を犯し、ツミを守れ。...
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xのアカウント名 @MangaONE_jp
twitter:creator Xのアカウント名 @MangaONE_jp
twitter:title og:titleと同様 マンガワン
twitter:image og:imageと同一 https://app.manga-one.com/secure/...
twitter:description og:descriptionと同一 第86話 勅命 罪を犯し、ツミを守れ。...

(PCからアクセスできる作品の場合 https://manga-one.com/title/603/272111)

項目 内容
og:title 作品タイトル 付き合ってあげてもいいかな 第126話 たみふる
og:description 作品の説明 わたし、女の子と…シタいかも。...
og:url 作品URL https://manga-one.com/viewer/272111
og:image サムネイル画像のURL https://app.manga-one.com/secure/...
og:image:alt サムネイル画像の注釈 付き合ってあげてもいいかな 第126話 たみふる
twitter:card TwitterCardの種類 summary_large_image
twitter:title og:titleと同様 付き合ってあげてもいいかな 第126話 たみふる
twitter:description og:descriptionと同一 わたし、女の子と…シタいかも。...
twitter:image og:imageと同一 https://app.manga-one.com/secure/...
twitter:image:alt サムネイル画像の注釈 付き合ってあげてもいいかな 第126話 たみふる

作品タイトルの抽出方法

(作品タイトルが取れる場合) 例:付き合ってあげてもいいかな 第126話 たみふる

正規表現:(.+?) (.+?) (.+?)$

  1. 作品タイトル
  2. 話数
  3. 作者名

アプリが生成する共有URL

作品URLを参照。

所感

OGPのタイトルにアプリ名が入っているパターン(マガポケ、ちゃおプラスと同様)なので、OGPからだけでは作品の情報を取得することはできない。 裏サンデーに掲載されている作品については、URLのドメインをurasunday.comに変えればブラウザでもアクセスできる模様。ただし公開期間外のエピソードは、その作品タイトルの第一話のページに移動する。


マンガPark

https://manga-park.com/

作品URL

https://manga-park.com/title/数値 作品紹介ページ(閲覧ページもURLは同一)

OGP

項目 内容
og:title 作品タイトル トナリはなにを食う人ぞ ほろよい | マンガPark
og:type サイト種別 website
og:url 作品URL https://manga-park.com/title/853/68869
og:site_name サイト名 マンガPark
og:image サムネイル画像のURL https://manga-park.com:443/assets/resources/...
og:description (おそらく固定) マンガも!声優ラジオも!アイドル動画も!全部無料で楽しめる...
twitter:card TwitterCardの種類 summary_large_image
twitter:title og:titleと同様 トナリはなにを食う人ぞ ほろよい | マンガPark
twitter:image og:imageと同一 https://manga-park.com:443/assets/resources/...
twitter:description og:descriptionと同一 マンガも!声優ラジオも!アイドル動画も!全部無料で楽しめる...

作品タイトルの抽出方法

例:トナリはなにを食う人ぞ ほろよい | マンガPark

正規表現:(.+?) (.+?) | (.+?)$

  1. 作品タイトル
  2. 作者名
  3. サイト名

アプリが生成する共有URL

Webサイトと同一と思われる。

所感

作品ページから各話を選択しても、ブラウザ上のURLが変化しない。 URLやOGPの形式がマンガワンと似ているので、同一のシステムを使用しているのかも知れない。


マンガMee

https://manga-mee.jp/

作品URL

OGP

項目 内容
og:title 作品のタイトル うちの弟どもがすみません
og:description 作品の説明 「うちの弟どもがすみません」を読んでいるよ! #マンガMee
og:url 作品URL https://manga-mee.jp/detail/52402?episodeId=168421
og:site_name サイト名 マンガMee(マンガミー) | 人気のマンガが無料で読める!
og:image サムネイル画像のURL https://prod-img.manga-mee.jp/secure/...
og:type ページの種類 website
twitter:card TwitterCardの種類 summary_large_image
twitter:title og:title と同一 うちの弟どもがすみません
twitter:description og:descriptionと同一 「うちの弟どもがすみません」を読んでいるよ! #マンガMee
twitter:image og:imageと同一 https://prod-img.manga-mee.jp/secure/...

作品タイトルの抽出方法

og:titleからそのまま取得。OGPから話数を取得する方法はない。

所感

og:site_nameに宣伝文句が入っているのは珍しい。 description も作品の概要ではなくSNSに流すためのテキスト。自己主張が強い。


ゼブラック

https://zebrack-comic.shueisha.co.jp/

作品URL

OGP

項目 内容
og:type ページの種類 website
og:title 作品名 ゼブラック
og:description 作品の概要 "少年マンガ、少女マンガ、青年マンガ、ライトノベル、雑誌がつまった総合電子書店。23時間ごとに無料で「話読み」できる作品も続々登場!
og:image サムネイル画像のURL https://zebrack-comic.com/card.png
og:url 作品URL https://zebrack-comic.com/
og:site_name サイト名 ゼブラック
twitter:card TwitterCardの種別 summary_large_image
twitter:site Xのアカウント名 @zebrack_comic
twitter:image og:imageと同一 https://zebrack-comic.com/card.png

※og:imageのURLのドメイン名が間違えている (zebrack-comic.com ではなくzebrack-comic.shueisha.co.jp)ため、SNSなどにURLを張り付けてもサムネイル画像が表示されない。

作品タイトルの抽出方法

「ゼブラック | 総合電子書店」固定なので抽出不可能

所感

OGPはどの作品でも全て共通なので、SNSなどでOGPの情報で共有することは考えられていないように見える。



ピッコマ

https://piccoma.com/

作品URL

OGP

項目 内容
twitter:url https://piccoma.com/web 固定 https://piccoma.com/web
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xアカウント @piccoma_jp
twitter:creator Xアカウント @piccoma_jp
twitter:title 作品のタイトル 第1話(1)|追い出された万能職に新しい人生が始まりました(宇崎鷹丸 東堂大稀)|ピッコマ
twitter:image サムネイル画像のURL https://piccoma.com/web/viewer/...
twitter:description 作品の説明 落ちこぼれ冒険者のロアが勇者パーティから追い出された...
og:site_name twitter:titleと同じ 第1話(1)|追い出された万能職に新しい人生が始まりました(宇崎鷹丸 東堂大稀)|ピッコマ
og:title Twitter:titleと同じ 第1話(1)|追い出された万能職に新しい人生が始まりました(宇崎鷹丸 東堂大稀)|ピッコマ
og:locale 言語 ja_JP
og:type ページの種類 article
og:image twitter:imageと同じ https://piccoma.com/web/viewer/...
og:description twitter:descriptionと同じ 落ちこぼれ冒険者のロアが勇者パーティから追い出された...
og:url 作品URL https://piccoma.com/web/viewer/69410/2734663
  • og:imageの画像サイズは1200x630px

作品タイトルの抽出方法

例:第1話(1)|追い出された万能職に新しい人生が始まりました(宇崎鷹丸 東堂大稀)|ピッコマ

正規表現:(.+?)|(.+?)((.+?))|(.+?)$

  1. 話数
  2. 作品タイトル
  3. 作者
  4. サイト名 ※「|」は全角の縦棒

アプリが生成する共有URL

Webと同一(推定)

所感

SNSに貼られた時に表示される twitter:image は、ピッコマのロゴが左半分・作品のサムネイルが右半分の形式だが、SNSでは全部がピッコマのロゴになっているものも見かける。アプリから貼られるとそうなる? また、og;siteにサイト名ではなく作品名が入っているのが珍しい。


LINEマンガ

https://manga.line.me/

作品URL

OGP

作品紹介ページ:

項目 内容
og:title 作品タイトル 【8話無料】女の園の星|漫画無料・試し読み|LINE マンガ
og:type ページの種類 article
og:url 作品URL https://manga.line.me/product/periodic?id=S120159
og:image サムネイル画像のURL https://linemanga-obs.line-scdn.net/...
og:description 作品の説明 女の園の星|【電子限定!描き下ろし特典ペーパー収録】...
og:site_name サイト名 LINEマンガ
twitter:card TwitterCardの種類 summary
twitter:site Xアカウント @LINEmanga
twitter:image twitter用サムネイル画像 https://linemanga-obs.line-scdn.net/...

作品ページ:

項目 内容
og:description 作品の説明 第1話 1時間目(1)
og:url 作品URL https://manga.line.me/product/periodic?id=S120159
og:image サムネイル画像のURL (空白)

作品タイトルの抽出方法

例:【8話無料】女の園の星|漫画無料・試し読み|LINE マンガ

正規表現:(.+?)|(.+?)|(.+?)$

  1. 作品タイトル
  2. 作者名、あるいはページのジャンル
  3. サイト名

アプリが生成する共有URL

所感

作品ページはOGPが最小限しか設定されていない。直接共有されることを想定していないように見える。 作品ページからog:titleに相当する情報を取る場合はtitleタグを参照する。


ebookjapan

https://ebookjapan.yahoo.co.jp/

作品URL

OGP

項目 内容
twitter:card TwitterCardの種類 summary
og:title 作品タイトル 【34話無料】鬼の花嫁は喰べられたい (花とゆめ) - サカノ景子 - 無料まんが・試し読みが豊富!電子書籍をお得に買うならebookjapan
og:image サムネイル画像のURL https://cache2-ebookjapan.akamaized.net/contents/thumb/...
og:description 作品の説明 鬼の花嫁は喰べられたい。無料本あり!【電子限定描き下ろしおまけ3p付き!】...
og:url 作品URL https://ebookjapan.yahoo.co.jp/stories/113893/
og:book:author 著者名 サカノ景子
og:site_name サイト名 ebookjapan

作品タイトルの抽出方法

例:【34話無料】鬼の花嫁は喰べられたい (花とゆめ) - サカノ景子 - 無料まんが・試し読みが豊富!電子書籍をお得に買うならebookjapan

正規表現:(.+?) - (.+?) - (.+?)$

  1. 作品タイトル
  2. 作者名
  3. サイト名

アプリが生成する共有URL

Webと同一と思われる。


めちゃコミック

https://mechacomic.jp/

作品URL

https://mechacomic.jp/books/数字 (作品ページ)

ビューアは完全にマンガを読む専用で、シェア機能はない。ogpは設定されていない。

OGP

項目 内容
og:image サムネイル画像のURL https://c.mechacomic.jp/images/parts/...
og:title 作品タイトル 【12話無料】今夜、うちにおいで~冷徹上司の理性が溶けたら - めちゃコミック
og:description 作品の説明 私の人生に必要なのは、ほどほどの仕事とお金。それだけでいいと思っていた。...
og:site_name サイト名 めちゃコミック
og:url 作品URL https://mechacomic.jp/books/165160
twitter:card TwitterCardの種類 summary
twitter:image X用のサムネイル画像のURL https://c.mechacomic.jp/images/book/...

※og:imageは300x300px、X用は180x256px

作品タイトルの抽出方法

例:【12話無料】今夜、うちにおいで~冷徹上司の理性が溶けたら - めちゃコミック

正規表現:(.+?) - (.+?)$

  1. 作品タイトル
  2. サイト名

アプリが生成する共有URL

Webと同一と思われる。


がうがうモンスター+(マンガがうがう)

https://gaugau.futabanet.jp/

作品URL

https://gaugau.futabanet.jp/list/work/25文字の英数字 (作品紹介ページ) https://gaugau.futabanet.jp/list/work/25文字の英数字/episodes/話数 (作品単体ページ)

OGP

項目 内容
og:type サイト種別 website
og:url 作品URL https://gaugau.futabanet.jp/list/work/sArAekHposy7stsa6LnnqJYLZ/episodes/3
og:site_name サイト名 面白さモンスター級のラノベ漫画・コミック・小説サイト がうがうモンスター+【毎日無料】
og:title 作品タイトル 公式-だらしないです 堀田先生! 第28話
og:description 作品の説明 だらしないです 堀田先生!。「モンスターコミックス」最新話が無料で読めるほか、1話~3話無料などの試し読みができる作品多数。...
og:image サムネイル画像のURL https://gaugau.futabanet.jp/images/episodes/...
twitter:card TwitterCardの種類 summary_large_image
twitter:url og:titleと同一 https://gaugau.futabanet.jp/list/work/sArAekHposy7stsa6LnnqJYLZ/episodes/3
twitter:description og:descriptionと同一 だらしないです 堀田先生!。...
twitter:image og:imageと同一 https://gaugau.futabanet.jp/images/episodes/...
twitter:site og:siteと同一 面白さモンスター級のラノベ漫画・コミック・小説サイト がうがうモンスター+【毎日無料】

作品タイトルの抽出方法

例:公式-だらしないです 堀田先生! 第28話 | 無料・試し読み豊富、Web漫画・コミックサイト がうがうモンスター+

正規表現:(.+?)-(.+?)(第d+話) | (.+?)$

  1. 公式
  2. 作品タイトル
  3. 話数
  4. サイト名

アプリが生成する共有URL

Webサイトと同一と思われる。

所感

twitter:siteにXアカウントではなくog:siteと同じ文字列が入っている。


DMMブックス

https://book.dmm.com/

URL

OGP

項目 内容
og:locale 言語 ja_JP
og:site_name サイト名 DMM.com
og:type ページの種類 website
og:title 作品のタイトル めんつゆひとり飯 (8)
og:url 作品URL https://book.dmm.com/product/820556/b330ftksb04802/
og:image サムネイル画像のURL https://ebook-assets.dmm.com/digital/e-book/...
og:description 作品の説明 「料理はなるべくラクしたい!めんつゆ使ってレッツ簡単クッキング!...

作品タイトルの抽出方法

og:titleからそのまま取得。


サイコミ

https://cycomi.com/

URL

OGP

項目 内容
og:site_name サイト名 サイコミ
og:url 作品URL https://cycomi.com/title/223
twitter:url og:urlと同一 https://cycomi.com/title/223
og:type ページの種類 article
og:image サムネイル画像のURL https://assets-web-prd.akamaized.net/images/...
twitter:image og:imageと同一 https://assets-web-prd.akamaized.net/images/...
twitter:title 作品のタイトル ごくまま~極道だったオレがママになった話~
og:title twitter:titleと同一 ごくまま~極道だったオレがママになった話~
twitter:description 作品の説明 死んだはずのヤクザが、今まさに出産中の妊婦に転生!?...
og:description twitter:descriptionと同一 死んだはずのヤクザが、今まさに出産中の妊婦に転生!?...

※作品閲覧ページの場合、og:titleに「[002]」という形で話数が入る。

作品タイトルの抽出方法

例:ごくまま~極道だったオレがママになった話~ | 全話基本無料 | サイコミ

正規表現:(.+?) | (.+?) | (.+?)$

  1. 作品タイトル
  2. サイト名

コミックシーモア

https://www.cmoa.jp/

作品URL

ドメインが「cmoa.jp」の場合もある。 試し読みページ内に共有ボタンはなく、OGPも設定されていないので、ここからSNSなどに直接共有されることは想定していないと思われる。

OGP

項目 内容
og:title 作品タイトル ●特装版●鬼神様の偽り花嫁上【特典付き】|無料漫画(マンガ)ならコミックシーモア|すぎちよ/アスティル編集部
og:type ページの種類 article
og:description 作品の説明 コミックシーモアなら期間限定1巻立読み増量中!●特装版●...
og:url 作品URL https://manga.line.me/product/periodic?id=S120159
og:image サムネイル画像のURL "https://www.cmoa.jp/data/image/...
twitter:site Xアカウント @comic_cmoa
twitter:card TwitterCardの種類 summary

作品タイトルの抽出方法

例:●特装版●鬼神様の偽り花嫁上【特典付き】|無料漫画(マンガ)ならコミックシーモア|すぎちよ/アスティル編集部

正規表現:(.+?)|(.+?)|(.+?)$

  1. 作品タイトル
  2. サイト名
  3. 作者名

アプリが生成する共有URL

Webと同一と思われる。


マンガ王国

https://comic.k-manga.jp/

URL

https://comic.k-manga.jp/title/数値/pv (作品紹介ページ) https://comic.k-manga.jp/viewer/pc/viewer.html?p0=... (作品閲覧ページ)

OGP

項目 内容
twitter:card TwitterCardの種類 summary
twitter:site Xのアカウント名 @mangakingdom
og:url 作品URL https://comic.k-manga.jp/title/29876/pv
og:site_name サイト名 まんが王国
og:title 作品のタイトル 薬屋のひとりごと~猫猫の後宮謎解き手帳~
og:image サムネイル画像のURL https://cf.image-cdn.k-manga.jp/...
og:type ページの種類 book
og:description 作品の説明 大ヒットラノベ、待望のコミカライズ化!...

作品タイトルの抽出方法

og:titleからそのまま取得。


BookLive

https://booklive.jp/

作品URL

OGP

項目 内容
og:site_name サイト名 ブックライブ
og:title 作品のタイトル その天才様は偽装彼女に執着する(1)
og:description 作品の説明 今日から、恋人契約も追加で」彼氏の浮気発覚に社内での嫌がらせ...
og:image 作品タイトル画像のURL https://res.booklive.jp/...
og:url 作品タイトル画像のURL https://booklive.jp/product/index/title_id/...
og:type ページの種類 website
twitter:card TwitterCardの種類 summary
twitter:title og:title と同一 その天才様は偽装彼女に執着する(1)
twitter:description og:descriptionと同一 「今日から、恋人契約も追加で」彼氏の浮気発覚に社内での嫌がらせ...
twitter:image 今回のエピソードのサムネイル https://res.booklive.jp/...

(閲覧ページ)

項目 内容
og:title 作品のタイトル 【期間限定無料】その天才様は偽装彼女に執着する(1)
og:type ページの種類 article
og:url 作品タイトル画像のURL https://booklive.jp/bviewer/...
og:image 作品タイトル画像のURL https://res.booklive.jp/...
og:description 作品の説明 「今日から、恋人契約も追加で」彼氏の浮気発覚に社内での嫌がらせ...
twitter:card TwitterCardの種類 summary
twitter:title og:title と同一 【期間限定無料】その天才様は偽装彼女に執着する(1)
twitter:image 今回のエピソードのサムネイル https://res.booklive.jp/...
twitter:site Xのアカウント名 @BookLive_PR

作品タイトルの抽出方法

例:その天才様は偽装彼女に執着する(1)

正規表現:(.+?)((.+?))$

  1. 作品タイトル
  2. 巻数

honto

https://honto.jp/

作品URL

OGP

項目 内容
twitter:card TwitterCardの種類 summary_large_image
twitter:site Xのアカウント名 @honto_jp
og:title 作品のタイトル 暁のヨナ(45)
og:type ページの種類 book
og:image 作品タイトル画像のURL https://pubimg.honto.jp/ogimage/item/...
og:url 作品タイトル画像のURL https://honto.jp/ebook/pd_33868086.html
og:site_name サイト名 honto
og:description 作品の説明 ゼノを追って空都に戻ってきたヨナとハク。...

作品タイトルの抽出方法

例:暁のヨナ(45)

正規表現:(.+?)((.+?))$

  1. 作品タイトル
  2. 巻数

Renta!

https://renta.papy.co.jp/

作品URL

https://renta.papy.co.jp/renta/sc/frm/item/数値/

OGP

項目 内容
og:title 作品タイトル 放課後カルテ
og:type サイト種別 book
og:description 作品の説明 過食症、ナルコレプシー、ベル麻痺――。小学校にはあなたの知らない病気で溢れている...
og:url 作品URL https://renta.papy.co.jp/renta/sc/frm/item/71467/
og:image サムネイル画像のURL https://img.papy.co.jp/sc/item/cover/...
og:site_name サイト名 Renta!
twitter:card TwitterCardの種類 product
twitter:description og:descriptionと同一 過食症、ナルコレプシー、ベル麻痺――。小学校にはあなたの知らない病気で溢れている...
twitter:image:src og:imageと同一 https://img.papy.co.jp/sc/item/cover/...
twitter:label1 現在のTwitterCardでは廃止された要素? 作者
twitter:card1 現在のTwitterCardでは廃止された要素? 日生マユ
twitter:label2 現在のTwitterCardでは廃止された要素? ジャンル
twitter:card2 現在のTwitterCardでは廃止された要素? 少女漫画
twitter:domain 現在のTwitterCardでは廃止された要素? renta.papy.co.jp

作品タイトルの抽出方法

例:放課後カルテ

正規表現:(.+?)$

  1. 作品タイトル

アプリが生成する共有URL

Webと同一と思われる。

所感

OGPに指定されている twitter:domain 要素は、2014年頃までは使われていた様だが、現在は既に非推奨になっている模様。思わぬところでRentaの歴史を感じさせる。 https://developer.x.com/en/docs/x-for-websites/cards/overview/markup


Written with StackEdit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment