タグ

ogpに関するytkwsmのブックマーク (6)

  • 歯周病の恐ろしさと予防方法/おすすめ予防ケア2選 - ごうあっぷ-GO UP-

    k8 カジノ 180% ウェルカムパッケージ,K8にご登録していただきありがとうございます! ゲームを楽しんでいただけるように、私たちは一連の豊富な入金キャッシュバック キャンペーンを実施しています。

    歯周病の恐ろしさと予防方法/おすすめ予防ケア2選 - ごうあっぷ-GO UP-
  • og:image 徹底解説、意味も設定画像スペックもこれでばっちり! 2024年1月更新-Six Apart ブログ|オウンドメディア運営者のための実践的情報とコミュニティ

    この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像(サムネイル画像やOGP画像とも呼ばれます)とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました! ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか?まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ

    og:image 徹底解説、意味も設定画像スペックもこれでばっちり! 2024年1月更新-Six Apart ブログ|オウンドメディア運営者のための実践的情報とコミュニティ
    ytkwsm
    ytkwsm 2015/06/03
    2015年版。いい記事。
  • 「TwitterCards」設定方法 | Tips Note by TAM

    head内に記述する情報を見直す機会があったので、 改めて「TwitterCards」も調べなおしてみました。 ●「TwitterCards」とは? ●申請方法 ●「Twitter Analytics」について ●OGPの設定について URLを含むツイートを投稿すると、FacebookのOGP画像のようなサムネイルを表示させる機能です。 OGPを設定済みであれば、簡単な設定と申請のみで反映されます。 <手順> (1)Facebook用のOGPを設定する (2)TwitterCards用のタグをHTMLに追加 (3)Twitterに申請 (4)ツイートをして動作確認 <設定・申請に必要な情報> ・Twitterアカウント ・それに紐付くパスワードとメールアドレス <設定した例> てすとー http://t.co/QPJ1xZBMfv — ウメダキョウコ (@umeume66) 2014, 6

    「TwitterCards」設定方法 | Tips Note by TAM
  • OGP画像シミュレータ | og:image Simulator

    OGP画像シミュレータとは? FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 (2014年01月

    OGP画像シミュレータ | og:image Simulator
  • [Facebook]リンク投稿時のサムネイルサイズの仕様が変更になったので検証してみました(2013年9月)|Tips*Blog|株式会社コプロシステム

    こんにちは、コプロシステムWebデザイングループの石川です。 Facebookの仕様変更。 小さなモノから大きなモノまで、世界中で使われているSNSの仕様変更はほぼ毎日繰り返されていて、時にはWebクリエイターたちを混乱に陥れることで有名です。(言い過ぎ?) そんな中、先週の9月10日(米国時間)に大きな仕様変更がありました。 既にお気づきの方も多いかもしれませんが、FacebookへWebページやブログ記事などのURL(リンク)を投稿した時にニュースフィードに表示されるサムネイルのサイズが大きくなった という仕様変更です。 ↑比較してみると一目瞭然ですね。 「サムネイルのサイズが大きくなった」ということはつまり、「ニュースフィードを閲覧している人の目に付きやすく、クリックされやすくなった」ということです。 ただ、このサムネイルのサイズ、すべてのリンク投稿が対象というわけではなく、一定のル

    ytkwsm
    ytkwsm 2014/04/07
    めんどいなー
  • html999 » はじめてのOGP設置方法とどこまで設定するかを考える

    いまさら感ありますが、はじめてOGPを設定する機会があったのでまとめます。 (薄い知識でお届けします) そろそろ企業サイト(かため)のようなWebサイトでも、Faviconとセットくらいの感覚で設定するようおすすめした方がよさそうです。 (注意:OGPの仕様がころころかわるので、すぐに間違いになる可能性があります!だいたい2013年の4月頃に調べた内容を元にしています。気づいたところがあれば更新していく予定) ※og:imageの推奨サイズが変更になっていたので修正しました(2014/12/07追記) OGPとは SNS向けの記述で、<head>~</head>内に記述するmeta情報。 facebookなど(他にもmixi、Google+などが対応しているらしい)で、そのページがシェア(facebookの「いいね!」とか)されたときにSNS上で表示される情報を指定するためのもの。 どんな

    html999 » はじめてのOGP設置方法とどこまで設定するかを考える
    ytkwsm
    ytkwsm 2014/04/03
    headにprefixつけるのは理由があるんだ
  • 1