meta 要素に対する Microdata の指定
meta 要素に対する Microdata の指定について、過去に書いた記事に間違いがあったので修正とその解説。また、itemprop 属性もつ meta 要素や link 要素の body 要素内での使い方に関しても解説してみます。 もうちょっと早く書こうと思ったんですけどこんなに間が空くとは…… 去年の末、HTML5 Advent Calendar 2012 の記事として、「Microdata を使ってみよう。サンプルソースで学ぶ Microdata」 を書いたんですが、その中で 2箇所ほどサンプルソースに間違いがあるのをご指摘頂いて修正したんですね （ご指摘感謝です）。 そのうち、1つの間違いは単純な記述抜けというか、ミスだったんで置いといて、もう1つ、私が meta 要素に対して itemprop 属性を指定したサンプルで、同じ要素に name 属性をあわせて指定してたのをご指摘頂
Web Moves Blog « Web Moves News and Information
We’re seeing an alarming surge in attempts by spammers and bots trying to exploit Google’s Business Profile Manager. The common approach is to request ownership of your Google My Business (GMB) profile pages. The threat is real, and it’s widespread; we’re seeing a massive volume of these requests across all clients. Here’s how it works: You receive an email request for ownership of your GMB page.
検索結果のサムネイル指定
検索結果に表示するサムネイル画像は、カスタム検索の結果ページの URL について、より詳しい情報をユーザーに提供するために有効です。デフォルトでは、サムネイル画像として使用できる画像が自動的に表示されます（このデフォルト動作は、コントロール パネルの [デザイン] ページで無効にできます）。 サムネイル画像は以下の方法で指定できます: HTML ページの <head> セクションの PageMap データ を使用する thumbnail メタ タグを使用する PageMap を使用する PageMap のコードをページの <head> セクションに追加してサムネイル画像を指定できます。このコンテンツはユーザーからは見えませんが、カスタム検索には有用な情報を提供できます。サムネイル画像のサムネイル DataObject を作成するには次のようにします: <!-- <PageMap> <Dat
[WordPress] SharedCount API を使って簡単にSNSのシェア数を表示する方法
SharedCount: Social URL Analytics （シェアされたカウント数を表示するWebサービスです）のAPIを使ったSNSのシェア数を簡単に表示するという事をやってみたので、詳しくやり方をまとめてみました。 SharedCount API からのデータ取得から WordPress への表示の仕方までをまとめましたが、細かいことも書いていたら長くなってしまいました…。最終的なコードは下の方にあります。 SharedCount API の使い方など 取得できるSNSの種類 SharedCount API で取得できるSNSのカウントデータは次の種類のものになります。 Facebook・Delicious・GooglePlusOne・Buzz・Twitter・Diggs・Pinterest・LinkedIn・StumbleUpon・Reddit 海外のサービスなので、はてな
![[WordPress] SharedCount API を使って簡単にSNSのシェア数を表示する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/40625c7c1f8d443929764230b8833832d894fa9e/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2014%2F04%2Ficon1.png)
Google+1ボタンからGoogle+に直接『共有』される際のタイトルとサムネイル、説明文を指定する方法 | Token Spoken
本日、「Google+1ボタンから直接Google+に『共有』の投稿が可能に」なりましたが、その+1から投稿される内容の一部となるサムネイルと説明文をウェブサイト運営者側で指定する方法を説明します。 なお、Google+ボタンでは4つの方法でそれら情報を指定できますが、情報の取得はここで説明する順に優先されます。 1. Schema.orgのマイクロデータを使用する方法 Googleではこの形式を使うことを推奨しています。 その「+スニペット」を追加するためには、schema.orgが推奨する属性をウェブサイト各ページに追加します。 たとえば、このページ自体の+スニペットをソースに追加するには、 <body itemscope itemtype=”http://schema.org/Article”> <h1 itemprop=”name”>Google+1ボタンからGoogle+に直接『
機械がHTML文章の中のメタデータをより認識しやすくする「Microdata」 | DevelopersIO
機械がHTML文章の中のメタデータをより認識しやすくするための仕様です。 具体的には「itemscope」や「itemprop」などの特殊な属性を利用します。この属性を利用して、HTML文章内の情報を意味づけすることができます。 Microdataのサンプル <section itemscope> <p itemprop="name">Ryuichi Nonaka</p> <p itemprop="age">24</p> <p itemprop="desc">都内で働く気ままなWeb制作者です。</p> <p itemprop="image"><img src="profile.png" alt="プロフィール画像" /></p> </section> Microdata専用の属性 以下を見てもらえればわかるように、Microdataはアイテム（item）という単位を重要視します。 ite
Google+ は OGP より Microdata を優先するみたい
Google+ にリンクを投稿する際、ページに指定された OGP よりも Microdata の方が優先されることで起こった問題と、その解決方法について解説します。 この Blog では、Google+ ページも運用していて、記事を更新した際にそっちにも投稿しています。 ところが、ちょっと前からリンクを投稿したときに、OGP （Open Graph Protocol） に指定した概要文 （og:description の値に入れてるテキスト） とかが無視されて、Blog 自体の概要が出ちゃって、なんでかなぁって思いながらも今度調べよってことで放置していたわけですが、さっきちょっと時間を見つけてテストしてみたら、どうも Microdata の指定の仕方でこういう現象が起こるらしいことがわかったので、共有します。 具体的にどういう現象が起こるか OGP に指定した概要文が無視される件ですが、例
株式会社ニューストリーム
デジタルマーケティングの力による圧倒的顧客理解で 事業を成功させる、マーケティングカンパニーです。コンサルティングから新規事業開発支援など、戦略・コンセプト設計から実行までをトータルで支援いたします。
livetune、tofubeats、Sugar's Campaign……「次世代の中田ヤスタカ」になるクリエイターは？
livetune、tofubeats、Sugar's Campaign……「次世代の中田ヤスタカ」になるクリエイターは？ 小室哲哉、中田ヤスタカなど、自身の母体である音楽活動で名を上げながら、他アーティストへの楽曲提供やプロデュース、アレンジなどで才能を発揮するスーパークリエイターは、各時代に必ずと言っていいほど存在する。ここでは、次世代の中田ヤスタカとなり得る存在として、4組のクリエイターを紹介したい。 livetune livetuneは、ミュージシャンのkzによるソロ・ユニット。2007年9月に音声合成ソフト「初音ミク」をボーカル音源として使用した楽曲「Packagedなどがニコニコ動画を中心にインターネット上で注目を集め、現在も続く“初音ミクブーム”の担い手の一人として活躍している。2011年にはGoogle ChromeのCM曲「Tell Your World」を発表し知名度を拡
最後の最後まで人を惑わせるスピード・ペインター
何を描いてるのだろう？ と観ている人の興味をひき続けるために、スピード・ペインティングは意図的に人を惑わします。どんどん絵が描かれていくのに何なのか分らないから、ついつい最後まで見ちゃう。そして、観客たちの脳は最後に完成した作品を観ると、瞬時には理解でないけど、一瞬遅れて｢おおおおおっ｣とリアクション。スピード・ペインターは、きっとこの声を聴く瞬間がたまらなくイイんでしょうね。 そんな、人を魔術師のように最後の最後まで惑わせるアーティストがビーチに現れて描いてるものは？ 完成前に当てることできまるかな？ 黒いキャンバスに白いペイントで描かれていたのはブルース・リー！ 5歳児のように手で色を塗りつぶしたり、単純な線を引いてるだけなのに、最後の10秒、ひっくり返して現れたポートレートの完成度は最後まで待った甲斐アリですね。 Casey Chan - Gizmodo SPLOID［原文］ （ju
やった者勝ち「Design NORI」
ある海苔やさんのコンサルティングで海苔やお茶の売上がだんだん落ちているといったお話を伺っていた時に、これからはアジアや欧米で売れるにはどうしたら良いかを考えていました。海苔に絵を書いたり、切り絵みたいにして美しい文様を入れた海苔を開発してみるのもいいかもな～なんてつらつらと思っていたのですが、なんと実際にそれをやってしまった人がいました。それも、その商品はアジア太平洋広告祭（ADFEST）」のデザイン・ロータス部門で最高賞となるBESTを受賞したのです。 あ〜！やられたと思いました。みんな同じようなことを考えてはいるんだけれど実行してしまった人の勝ちですね。それも幼稚園のキャラ弁レベルではなく、非常に美しいクオリティの高いデザインで作ってくれました。制作したのは茨城県大洗にある「海野海藻店」という地方の普通の海藻店なのですが、バックにはI&SBBDOという大手広告代理店がプロデュースしてい
【使い過ぎるとカッコ悪い】 IT業界のルー語 BEST40-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
どの世界にも業界用語というものがありますが、IT業界の人がやりがちなのがカタカナ用語の多用です。 「アライアンスによるインタラクティブかつウィンウィンなスキームでステークホルダーにコンプライアンスを云々・・・」等、やり過ぎるとルー語的になってしまい、相手に「意味がわからない」とか「カッコつけてるの？」と不快感を与えかねません。 ちなみに私事ですが、先日、妻から用事を頼まれたとき、 「土曜はちょっとタイトだわ。日曜ならいいけど、リスケでOK？じゃあ、それでアサインしといて。え、毎週するの？だったらルーチンタスクにしとくほうがよくね？」 って返事したら、 (*｀Д´*) 「日本語で言え！わざわざ横文字にすんな」 （#^ω^） 「“カタカナ用語使いこなすオレ、かっけー”とか思ってるでしょ？」 と、さんざん毒づかれてしまいました。 というわけで、IT業界で使用頻度の高い（と思われる）カタカナ用語
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スタイリッシュなオトナ「のり弁」作れます - Facebook navi［フェイスブックナビ］
キャラ弁は可愛いけど、大人のお弁当にはちょっと。でも、なんかこう、イイ感じにまとめたいんですよね！ カッコよくね！ そんなときにはDesign NORIをどうぞ。日本の伝統文様をレーザーカットで切り抜いた板海苔です。 この海苔が一枚あれば、スタイリッシュなお弁当のできあがり。ご飯の白と、海苔の黒とのコントラストが美しい。海苔巻を作ったり、ミニサイズをおにぎりの上に乗っけたり、いやいや、もっと別の食材と組み合わせてカッコよく＆美味しくいただく方法があるかもしれない……などと、クリエイティブな料理ゴコロを刺激すること間違いなし。2012年にはグッドデザイン賞を受賞したほか、海を越えたアジア太平洋広告祭のデザイン・ロータス部門でも最高賞を獲得しています。 佃煮などで食されてきた海苔が、紙漉の技術を応用して板海苔の形になったのは15世紀前半。けれど、その後の革新はありませんでした。海苔そのものにデ
【氷水】ALS患者がアイスバケツチャレンジをして訴えたかったこと（動画）
大笑いするようなものもあればシリアスなものまで、アイス・バケツ・チャレンジの動画は山ほどあるから、アンソニー・カルバハルという名の男性が8月18日にアップロードしたこの動画は飛ばしたくなるかもしれない。
世界で大注目のデザイン海苔（Design NORI） / その仕掛人にインタビューしてみた
日本のみならず世界で話題になっている海苔（ノリ）がある。その名は「Design NORI」。これは海野海藻店（茨城県）が手掛けたアートな海苔で、現在ヨーロッパやアジアなど、多くの国々で大注目の海苔なのである。 まずは上記の写真を見て頂きたい。これは『KATAGAMI STYLE』展（三菱一号館美術館）で現在販売中の「Design NORI」だ。1つ840円という高価なものながら、既に売り切れてしまうほど人気で、問い合わせも殺到しているとのこと。 しかしながらいちばん気になるのが「一体なぜこのような海苔が開発されたのか」だ。早速、記者はその真相を探るべく茨城へと向かった。 到着したのは、茨城県大洗にある一軒の海藻店「海野海藻店」である。いや、見た目はお店というよりも、作業場のようなところで、それでもそのたたずまいは歴史があり妙に落ち着く場所でもあった。 早速、車から降りると、この「Desig
動画制作・映像制作 ・撮影・マーケティングのLOCUS国内最大級の動画制作実績 | 東京都
幅広い業界の企業から学校、官公庁・自治体など累計約2,000社以上のビジネスの課題を動画で解決してまいりました。 累計20,000本以上の映像制作や動画の活用コンサルティングの実績がございますのでお気軽にご相談ください。 YouTubeチャンネルコンサルティング 企業や団体が運営するYouTubeチャンネルの戦略設計から開設・運用代行、映像制作、動画広告の運用などのYouTubeにまつわるコンサルティングをご提供。 もっと見る テレビCM制作サービス FAST CM テレビCMをもっと手軽に。映像制作のプロが、テレビCMの制作から配信、効果分析、改善提案までをワンストップでご提供。 もっと見る 調剤薬局デジタルサイネージ シニアード 調剤薬局の来局者は約55％が60歳以上となるため、シニアを対象とした商品・サービスの認知拡大など動画を活用したマーケティングに最適なメディアです。 もっと見る
Evolution
In 2006, the Evolution short film was created to expose the unrealistic expectations of beauty perpetuated in media all around us.
サメが釣れた！と思ったら、巨大魚がパクッとひとのみ【動画】
2014年8月、アメリカ・フロリダ州のリゾート地での出来事だった。海釣りを楽しんでいると、体長1.2メートルほどのサメがかかった！ 興奮して引き揚げようとすると、横からヌッと出てきた巨大魚がパクッとひとのみ。これには船にいた人間も、空いた口がふさがらなかった。
ナビゲーション/メニューのiPhoneアプリデザイン集22選
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can i rerender Pinterest's Pin It button?
Facebook
git: can't push (unpacker error) related to permission issues
WHATS - Les actualités les plus partagées !
『TERPSI × GKKJ CREW スペシャルインタビュー』前編 | terpsi life
WHATS - Les actualités les plus partagées !
プロのメイクとPhotoshop加工で完全に別人！(1分11秒)｜FEELY [フィーリー]