«« 映画館での許容すべきマナーは? | ヴァイオレット・エヴァーガーデン外伝の劇場版は前半が素晴らし過ぎる!(バレ) »»

PasteTitleとget-thumbnail-from-pagepeekerをOGP対応へアップデートしました

2019年9月15日

このエントリーをはてなブックマークに追加
ブックマークレットからブログカードなどを作成できるPasteTitleにおけるサムネイルを表示する部分ですが、OGPに対応しているページの場合OGP設定されたサムネイルの方をはめ込むようにアップデートしました。


ブックマークレットからブログカードなどを作成できるPasteTitleについて、サムネイルを表示する部分があります。
これについてOGPに対応しているページの場合は、OGP設定されたサムネイルの方をはめ込むようにアップデートしました。



OGPとは、もともとはfacebookやtwitter向けにリンクを指定したらそこからサイトの情報を伝えることでブログカードを表示するための仕様です。
色々あるのですが、一例として<meta>タグ内にほかのOGPタグとともに以下の記述をすると、画像URLで記述サムネイルを記述した画像を当てはめて表示するというものです。

html <meta property="og:image" content="(画像URL)" />

利用者としてはページの内容が知りたいのだけど、いままでは(pagepeekerを使った)ページ全体をスクリーンショットで表示していたこともあり。
ページ周りの部分とか本編とは関係のない内容が含まれていて、よくわからないところがありました。

旧PasteTitle適応例、OGP対応サイトなのにページサムネイル画像を表示するので内容がわかりにくい
↑旧PasteTitle適応例、OGP対応サイトなのにページサムネイル画像を表示するので内容がわかりにくい

今回の修正で、よりリンク先のページが分かりやすくなるのではないかと思います。


このサムネイル部分なんですが、PasteTitleから独立しているAPI・get-thumbnail-from-pagepeekerを使って表示しています。
get-thumbnail-from-pagepeekerはGitHub上で無料公開しております。
phpが動作するサーバーをご用意いただければ、他のサービスにも使えますので、ご興味のある方はどうぞ。

■広告


投稿者 kuze : 2019年9月15日 22:34


■このエントリーに関連した記事

■「実用ソフト&サイト」カテゴリの最新記事

«« 映画館での許容すべきマナーは? | ヴァイオレット・エヴァーガーデン外伝の劇場版は前半が素晴らし過ぎる!(バレ) »»


自己紹介
PHPやVBによるコーディングやシステムエンジニアを仕事にしています。
主にiPhoneアプリの紹介やWeb開発などのPC系の話題と、アニメやゲームなどのサブカルな話題を取り扱っています。

[PR]

instagram

カテゴリ

最近のエントリー

最近掲載した画像
  • 勉強は繰り返しが大事、繰り返すためには習慣化と場所の確保がまず大事
  • 『閉鎖病棟~それぞれの朝~』見たけどセキュリティ緩すぎ(ネタバレ)
  • RSSリーダーInoreaderで知りたいニュースを効率的にチェック
  • RSSリーダーInoreaderで知りたいニュースを効率的にチェック
  • 任天堂の新フィットネスゲーム『リングフィットアドベンチャー』は今回も筋肉に効きます!
  • 任天堂の新フィットネスゲーム『リングフィットアドベンチャー』は今回も筋肉に効きます!
  • 映画JOKER見てきたけど気持ち悪い・出来いいけど(ネタバレ)
  • 「ウィンドウ位置記憶プログラム」で、ブラウザを付箋のように並べてサーバー監視環境を改善してみた
  • ラーメンを食べきるには(天下一品祭り編)
  • ラーメンを食べきるには(天下一品祭り編)
  • ラーメンを食べきるには(天下一品祭り編)

RSS
更新情報はRSSをご利用下さい