[B! SNS] miracle1998のブックマーク

miracle1998 id:miracle1998

SNSに関するmiracle1998のブックマーク (3)

はてなブログのソーシャルボタンをマテリアルデザイン風にしてレスポンシブ対応させるカスタマイズ - よなかのはなし
2016 - 05 - 12 はてなブログのソーシャルボタンをマテリアルデザイン風にしてレスポンシブ対応させるカスタマイズブログ Twitter Facebook Hatena Pocket はてなブログに設置されているソーシャルボタンは、分かりやすい反面読み込みが遅く、何よりレスポンシブデザインに対応していないというデメリットがありました。今回はこの２つを解決してくれる超絶シンプルなマテリアル風ソーシャルボタンのカスタマイズ方法をご紹介します。【事前準備】count.jsoonに登録する Twitterは昨年から仕様が変更され、カウント数が表示されなくなってしまいました。そこでまずはこのツイート数を取得するためにcount.jsoonに登録します。登録方法１、 widgetoon.js & count.jsoon | digitiminimi にアクセスし、使用するサイト名、メ
miracle1998 2016/11/09
SNS

ボタン

seo
リンク
★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]
運営しているホームページやWebサイトで、OGP設定は行っていますか？ OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。上の赤枠のように表示を目立たせることが可能で、URLだけの場
miracle1998 2016/10/23
OGP

SNS
リンク
OGPにおける記述方法の勘違いと修正方法（2015年春時点での最新情報？）
OGPとは OGPとは「Open Graph Protocol」の略でSNSで使われる共通仕様を指します。ただ、そうは行っても共通で使える部分と、各SNS専用の項目が必要な場合があります。ここでは主要SNSについて紹介していきます。あと、HTML5を基本ベースとして書いていますのでその点はご了承ください。基本的なOGPの設定項目一覧 OGPの記述はの中で行います。 head要素の変更まずはhead部分にprefixを追加します。 <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#"> OGP設定のおまじないみたいなものです。この設定を行う事によってOGPを認識するようです。注意点ですがog: http://ogp.me/ns#の部分でog:の後は必ず半角スペースを入れて下さい。これはOGP
miracle1998 2016/10/23
OGP

meta

SEO

SNS
リンク
1