『Twitterカード』を設定してサイトへの質の良い流入を増やそう！1万6742文字に渡る開発者向けドキュメントの日本語訳まとめ。 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
記事を読んでもらうために要約をつけよう
記事を読んでもらうために要約をつけよう 多くのウェブサービスで本文の抜粋が使われていますが、内容を把握するには十分ではない、ということをビフォーアフターで考えてみます。届けたい人に情報を届けるために要約をきちんと書いておきましょう time2013/01/27 hatenabookmark- ウェブ上のデザインパターンとして、あるページ（URL）に対して何か言及するというものがよく見られます。 そこでは、おそらく読者が内容を推測しやすいように（読むべきかどうかを判断しやすくする）という配慮からか、ページ内容の"抜粋"を入れています。 しかし、この抜粋って内容をある程度つかむためにどこまで有用なのでしょうか。ちょっと例を挙げながら見て行きましょう。 抜粋表示の一例 facebookの例。冒頭の数百時が使われています。タイトルにある3つの設計思想が書かれていればよりわかりやすかったですね。 こ
[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由
[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由
![[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c80c165b2689fd4e2d1d32ff5e17360569e025e/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Ffacebook-ogp-setting.jpg)
【保存版】やるとやらないでは大違い！Facebookいいね！ボタンを最適化する「OGP」設定方法まとめ- SMMLab（ソーシャルメディアマーケティングラボ）
【保存版】やるとやらないでは大違い！Facebookいいね！ボタンを最適化する「OGP」設定方法まとめ Facebookのソーシャルプラグイン 「いいね！」ボタンの最適化に必須である「OGP（Open Graph Protocol）」について、その内容と具体的な設定方法をご紹介します。 こんにちは、アライドアーキテクツ株式会社 制作部 プロデューサーの久保田です。 突然ですが、あなたのサイトの「いいね！ボタン」、最適化されていますか？ 「Like Button（いいね！ボタン）」は、Facebookにログインしているユーザーが「いいね！」すると、Facebookのタイムライン上にタイトルと画像、説明が表示されるソーシャルプラグインの1種です。オウンドメディアのソーシャル化にあたり、最もよく利用されており、またユーザーにも馴染みがあるものでしょう。そして、この「Like Button」を通じ
【Dreamweaver】最近の head 周りでよく使うコードスニペット | バシャログ。
パンダ、ペンギン･･･次はシマウマかな？と予想する Latin です。 英語だからゼブラアップデートって所でしょうか？ さて今回ですが、最近のコーディング周りで使う機会の多い OGP や js 系のソースのスニペット化についてです。 今回はヘッダー周り限定なので、コピペすりゃすぐ解決しそうな気もしますが、スニペット化すればいろんな応用ができますよという意味も含めてお届けしたいと思います。 →Dreamweaver のスニペット登録についての記事はこちら 今回の前提条件ですが HTML5、CSS3、modernizr.jsを使う前提のフォーマットです。 記述やファイルの階層などは独自のモノですので、自分の環境に合うように改変してください。 目次 [Dreamweaver]最近の head 周りでよく使うコードスニペット html 要素に modernizr.js 向け記述とソーシャル向け x
og:image 徹底解説、意味も設定画像スペックもこれでばっちり！ 2024年1月更新-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像（サムネイル画像やOGP画像とも呼ばれます）とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました！ ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか？まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ
OGPタグ確認に便利！ブックマークレットで手早くチェック | ブログ | SINAP - 株式会社シナップ
'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0 ';if(og_image%20==%20undefined){addtext%20+='%C3%97%20og:image%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82 '}else{addtext%20+='url'+%20og_image%20+' ';if(og_image.match(/http:\/\/[^\/]*/)%20!=%20null){var%20og_image_domain%20=%20o
TwitterがFacebookのようにOGPを採用すべき理由
Facebookが採用しているOGPというのが最近注目されておりまして、Open Graph Protocolと呼ばれるものでWebサイトのタイトルや目玉画像をSNS等に表明できるフォーマットで、HTMLに記述するメタデータ（文字）です。 昨日、モバツイのスマホWeb版である、モバツイsmartがタイムライン上のURLに対して、OGPまたはタイトル情報等を自動取得して画面上でプレビューできる機能をリリースしました。 URLをクリックして別窓を立ち上げなくても、なんとなく向こうのサイトがプレビューできる機能です。Facebookではおなじみですね。 twitterでは、アメリカで有名なサービスのプレビューには対応していますが、その他のURLの事前プレビューには対応しておりません。 そのためOGPを表示するようにしてみたのですが、やってみて気がついたのですが、せっかく押してもツイートに書いてあ
Six Apart ブログ編集会議 vol.1 〜 OGPが難しい！編-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
こんにちは。マーケティング担当の伊藤大地です。 今回は、オープン＆シェアということで、先日行われたSix Apart ブログの編集会議の模様をお伝えしたいと思います。このプロジェクトは、企画段階からワイワイガヤガヤ、みんなで冗談を交えて談笑しながら準備してきました。そんな現場の空気感が少しでも伝わるといいなと思います。では、どうぞ。 まずはアクセス状況 無事、27日にSix Apart ブログがオープンしました。今日、大越さんのFacebookについての大作が公開されまして、まずはアクセス状況を見てみたいと思います。 だいたい、（オープンして1日半で）2,000を超えるくらいですね。流入経路はFacebookとTwitterが圧倒的です。当たり前ですけど、最初の記事が「はじめます」という内容だけなので、検索からの流入はないですね。 お昼休み前の時間帯に公開して、一時間くらいで一気にアクセス
「いいね！」が流れるだけじゃない！OGPの知られざる機能とは？ | Facebook | nobish.jp
先週末3月24日（土）に、私自身が主宰を務めるapeweb（エイプウェブ）第4回目のセミナー「OGP設定とFacebookアプリ開発の基礎を押さえよう！」を開催したところ、21名の方にご参加いただきました。ご参加頂いた方、年度末のお忙しい中にも関わらず、ありがとうございました！ OGPの基本的な解説から、最新のOpen Graphアプリ（Open Graphに対応したFacebookアプリ）まで、かなり広範な内容を3時間という短い時間で取り上げたので、きめ細かい解説はできませんでしたが、基本的な事項についてはご理解いただけたのではないかな？と。 で、折角なので、これから何本のエントリになるかわからないけれども、今回のセミナーでお話した内容の中からいくつか見繕って当ブログでシェアして行こうと思っています。で、今日はその一本目、「いいね！が流れるだけじゃない！OGPの知られざる機能とは？」。興
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOGOS サービス終了のお知らせ