★★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だけの場
![★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ded3c626dd8aed6f4410bbdd0395c88db2470395/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F610%2Fog_image%2Fdefault-bdf2027367621662f48bdc85408bf81b.jpg)
VRの市場規模予測 | IoT
VR元年 2016年に入って、米Oculus VR社の「Rift」、台湾HTC社の「Vive」、韓国LG社の「LG360VR」の発表があり、10月にはソニーの「プレイステーションVR（PSVR)」が発売されるということもあってか、今年はVR元年だといわれています。 正確にはアメリカのベンチャー企業・VPLリサーチ社が世界初の商用VRシステム『Reality Build for 2』を発売した、1989年（平成元年）がVR元年であって、今のブームはVRビジネス元年であるという指摘もあります。 確かに、VRが様々なビジネスの分野に導入されてきています。VRはゲーム・映画・テレビなどメディア産業だけにとどまらず、医療分野、製造業の商品開発プロセス、商品販売などのサービス業など、あらゆる業種に導入されビジネスモデルを大きく変えようとしていると言われています。さらにビジネスだけでなく、観光、教育、防
2016年に注目したい、グラフィックデザインのトレンド9個まとめ
デザイントレンドとは、あらゆる文化やメディア、過去と現在、テクノロジー、ファッションなど、さまざまな分野から影響を受けています。つねに移り変わっていくもので、正確にいつ終わるとは決めにくいものです。 アメリカ・グラフィック・アート協会（The American Institute for Graphic Arts : AIGA）のMedeleine Morleyは、以下のように述べています。 トレンドは毎年出現して、煙のように消えてしまうわけではありません。その代わりに少しずつ人気が出始め、時間がたつと気づかれないまま立ち消えてしまいます。 今回紹介するデザイントレンドは、2015年の終わりごろから、魔法のように急に出てきたわけではありません。トレンドがピークに達するまでには時間が必要で、ここ数年でいくつものトレンドを見てきています。 トレンドをあまり意識しないデザイナーも、働いている分野
パンくずリストを構造化データにする方法とSEO効果 | SEO内部対策についてまとめ【基本の対策を詳細解説】
パンくずリストを設置する理由 まず、パンくずリストを設置する目的とその理由についてご説明します。 それは大きく分けて、ユーザビリティとクローラビリティの二つから考えられます。 では、ひとつずつご説明します。 ユーザビリティ パンくずリストを設置する理由として、はじめに考えられるのがユーザビリティではないでしょうか。 ユーザーがサイトに流入してくるページ（ランディングページ）はトップページだけではありません。コンテンツの多いサイトでは下層ページからの流入の方が多くなるため、現在どのページを見ているのか？ということをユーザーに伝えて、サイト内をわかりやすく巡回してもらうための指標となります。 また、カテゴリページやトップページなどの親ページへの導線にもなり、ユーザーがページを全て読む前に、カテゴリ名だけで簡単な内容を把握できることから、大切なのはユーザーのためになるようにパンくずテキストを設定
AMP (Accelerated Mobile Pages) 導入前に知っておくといい話
[レベル: 上級] GoogleのJohn Mueller（ジョン・ミューラー）氏が、英語版の公式ヘルプフォーラムで Accelerated Mobile Pages (AMP) について質問したユーザーに情報を提供しました。 AMP導入を検討している人の参考になるので紹介します。 AMP導入に参考になる情報 今のところは、正規の検索ではまだAMPページを表示していない。2月後半の開始を予定している。 まず最初は、ニュース系コンテンツをカルーセル形式で表示することになるだろう。エンジニアによれば、ほかのタイプも公開後すぐに追加していく予定とのこと。 一般的には、AMPページはページ単位で結び付けられる（各AMPページには対応する[通常の]ウェブページが存在する）。もちろんAMPだけのページを作ることもできる。 私たち[Googlebot]がクロールして link rel=amphtml を
エンジニアだけで高品質なカード型UIを作れる！Bootcardsがスゴい
TwitterやGoogle Nowのようなカード型のUIを作れる便利なUIフレームワークの登場です。OS別のスタイルにも対応。デザイナーに頼む予算がなくても、WebアプリのUIをほどよく整えられる優れものです。 Bootcardsは、カード型インターフェイスを作るためのUIフレームワークです。その名が示す通りBootstrapフレームワークで使用し、デスクトップとモバイルの両方に対応できる柔軟性があります。 現代は至るところに情報があふれ、私たちはそのとてつもない量に混乱しています。モバイルデバイスの普及にともない、UXデザイナーたちは過剰な情報によってユーザーを混乱させない、ミニマルなインターフェイスを目指してきました。 カード型インターフェイスは、重要な情報だけにフォーカスできるうえに、視覚的にユーザーをひきつけることから、大きな注目を集めるようになりました。 Bootcardsは多
2016年Webデザイントレンド完全まとめ＆2017年トレンド予測 | プログラミングスクールならテックキャンプ
あなたは進化を続けるWebデザインのトレンドを追えていますか？ 毎年数多くの新しいテクニックやトレンドが誕生しますが、2016年は2015年の終わりから見るようになった、デザイントレンドが継続しているようです。本記事では、2016年に流行した代表的なデザイン手法やトレンドカラーなど２０選を徹底解説します。 また、2017年のトレンド予測やデザインスキル向上に役立つおすすめサイトもご紹介していきます。 2016年トレンドになったWebデザイン手法11選 垂直パターンとスクロール操作 出典：Advisage デスクトップからの閲覧ユーザー数にも匹敵するほど、モバイル端末の普及がより進むことから、多くのサイトが垂直方向へのスクロール、ユーザーフローを意識したデザインが増えています。 小さなスクリーン画面では、ユーザーはよりスクロールを行うことで、デザイナーは自然と垂直パターンのインターフェース・
TRASS CO., LTD.
マルチデバイス化が進むなかでWebデザインもさまざまな変容を見せているが、可能性が広がると何を選択し、活用すべきかが悩みどこでもあります。 最近のWebデザインのトレンドはどういうものなのか、どのような特徴を持ちどう活用されているのか、最近流行のWebデザイン、下記6種類を簡単にご紹介します。 1.ストーリーテリング 2.シネマグラフ 3.スプリットスクリーン 4.マテリアルデザイン 5.カード型デザイン 6.パララックス 個性的で効果的な6つの最新ウェブデザイン 1.ストーリーテリング 縦長のページをスクロールしていくと様々なエフェクトで楽しませながら物語が展開していくようにコンセプトや商品の紹介をしてくデザイン。一つの物語を読むような体験ができるのでわかりやすく、魅力も伝わりやすい。 EVERY LAST DROP http://everylastdrop.co.uk/ Peugeot
2016年も大流行のマイクロインタラクション UXのカギ握る「イージング」の役割
2016年もUIデザイン界隈で大流行した「マイクロインタラクション」。イージングの効果と意味を理解すると、自然なアニメーションでUXを向上させることができます。 アニメーションの長さやスピードを変更すると、非常にユニークなトランジションを作成したり、マイクロインタラクション（『「BMWのドア音」に学ぶ、完璧なUXデザインのためのマイクロインタラクション』参照）のユーザーエクスペリエンスが向上したりします。 オブジェクトをアニメーション化する方法は、イージング（easing）とも呼ばれます。うまく微調整すれば、イージングはUIを通じてマイクロインタラクションとともにユーザーを安全に保護したり、視覚的な美しさをもたらしたり、ユーザーの気分を変えさせたりできるのです。 どうやって？ では見てみましょう！ イージングでインターフェイスを自然にアニメーション化する 実生活では、オブジェクトが一定の速
いまだはびこる、悪しきリスティング広告の都市伝説7選｜アナグラム株式会社
日本においてGoogle アドワーズがサービスを開始したのが2002年。それからはや14年、Googleアドワーズを始めとするリスティング広告は、今ではインターネット広告でのプロモーションを考える上で欠かせない存在となりました。一方で、リスティング広告が世の中に浸透しその知名度が上がるに連れて、ある事ない事、さまざまな噂が飛び交うようになったこともまた否めません。そしてこれらの都市伝説は今なお語られ、根深く残り続けている現状があります。 今回は、そんなリスティング広告のいまだはびこる悪しき都市伝説を１つ１つ噛み砕いてご説明していきたいと思います。 その1：アカウントを乗り換えると、過去から積み上げてきた品質スコアが下がるので危険 いきなりですが、重たいテーマから触れていきましょう。リスティング広告運用している広告代理店に、代理店の変更を検討している旨を伝えると「リスティング広告のアカウント
ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について - ヨッピーのブログ
wikipediaより 「ネイティブ広告ハンドブック2017」というのがJIAA、日本インタラクティブ広告業界から公開されてそれについてひと悶着あったので書いておきます。 ※業界以外の人は読んでも何も面白くないと思います ネイティブ広告ハンドブック2017 http://www.jiaa.org/download/JIAA_nativead_handbook.pdf このハンドブックではいわゆるネイティブ広告についての解説と、「こうやって運用した方が良いよね」「ステマはダメだよね」みたいな事について書かれているのですが、このハンドブックに対してライターの方々から感想が投下されます。 くちきんがシェアしてた「ネイティブ広告ハンドブック2017」が取扱説明書レベルに読解大変で涙ですhttps://t.co/a1R7Y64Cv1 pic.twitter.com/7nTVNPqmVg — 塩谷 舞
Google モバイルファーストインデックスのやさしい解説 (1) 何が発表されたの？
モバイルファーストインデックスの話についてすでに記事を書いている人は（私も含めて）いままでの Google モバイル検索の仕組みを十分に理解したうえで解説しています。けれども、検索まわりに詳しくない方は、そもそも従来のシステムを把握していませんので、評価対象が PC からモバイルに切り替わるといっても、よくわかりませんよね。 以下のスライドは、従来から私が比較的初心者のウェブマスター向けにモバイル SEO の概要を説明するときに使用していたものを、MFI 発表にあわせてアップデートしたものです。初心者向けにしては難解になっている印象もありますが、誤解なく全体的な仕組み、Google の検索の考え方を理解してもらうためです。 1. エンティティ＝情報の実体単位でとらえる エンティティ（entity）とは日本語で「実体」などの意味を持つ英語です。スライドの１枚目で説明するように、たとえば企業の
「史上最大の崖っぷちに追い込まれております」―― コミックビームが突然の「緊急事態宣言」 漫画雑誌はこの先生きのこれるのか
“これまでお決まり芸のように危ない危ないと叫んできたビームですが、現在、史上最大の崖っぷちに追い込まれております”―― 今年（2016年）で創刊21周年を迎える、KADOKAWAの漫画雑誌「月刊コミックビーム」が、公式サイトで異例の「緊急事態宣言」を出しています。要約すると「ビームがとにかく売れていない」「ビームだけでなく漫画雑誌自体がこのままだとなくなってしまう」といったもの。そのための実験策として、月額1980円のプレミアムサービス「読もう！ コミックビーム」を10月1日からスタートするとしています。 ビーム緊急事態宣言 ビーム読者からすると、ビームがピンチなのはもはや「何を今更」ですが、定価500円そこそこの月刊誌が1980円の月額サービスを開始するというのはかなり異例のこと。また、どうやら窮地にあるのはビームだけでなく、漫画雑誌全体が今、同じように崖っぷちに立たされていると言います
HTML・CSS・JavaScriptを独学するのにおすすめの入門書・参考書まとめ
HTML・CSS・JavaScriptを独学するにはこの本たち！！ WEBサイトを制作したり、ブログのカスタマイズをしたりするために学ばなくてはいけないのが、HTML・CSS。そして、複雑な動きを付けるために必須なのがJavaScriptです。 これらの情報はネット上にたくさん転がっていますが、その多くは断片的なものばかりです。知識をしっかり身につけたいのなら、ある程度参考書を買って学習するのが効率的です。 HTML・CSS・JavaScriptを独学で勉強するには、 参考書で学習→ネットの情報で補完 というフローが良いかと思います。私はそのように学んでいます。 今回は、独学でコーディングスキルを磨きたい人におすすめの参考書を紹介していこうと思います。 当記事は以下のような人におすすめです。 HTML・CSS・JavaSctipの勉強を始めたけど、どうやって学べばいいのか分からない WEB
ご意見番に聞く、「良質なコンテンツが一番のSEO」って本当ですか？ | HRナビ by リクルート
ウェブにはSEOの情報が氾濫している。しかし、どれが正しいのかは、いまいちわからない。最近では「良質なコンテンツを提供するのが一番のSEO対策」という論調が主流になっているが、一方でSEOのテクニックがシェアされる様子もまだ見かける。 良質なコンテンツを提供すれば、SEOの対策はしなくてもいいの？ 一体、正しいSEOって何？ そんな素朴な疑問を、株式会社so.la代表でSEO専門家の辻正浩さんにぶつけてみた。 辻さんは普段からTwitterやブログなどでSEO情報を発信しており、日本でおこなわれる全検索のうち約2.5％は、辻さんが仕事で関わるサイトがクリックされているとのこと。 最近では悪質なSEO業者と熱いバトルを繰り広げたことも記憶に新しい。 そんな“SEOのご意見番”である辻さんの返事は「世の中の99％のサイトは、SEOなんて考えなくてもいいんじゃないでしょうか」というもの。その真意
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルファーストの世界で勝つために必要な3つのポイント――Facebookの考える勝利のサイクル | Web担当者Forum
シン・ゴジラ、君の名は。を越えた映画『怒り』の感想 - to be is to do
Google MFI対応、PCアクセス中心のサイトではどうなる？ 無視していいの？ などSEO記事まとめ10+2本 | 海外&国内SEO情報ウォッチ