『AMPを導入してどうだったのか？』
アメブロがAMP対応してからしばらくが経ちました。 今回はその"AMP"に対応した結果どうなったのか？ という、効果について簡単に書きたいと思います。 ここ最近ブロガーさん向けの記事が多かったので、今日は珍しくSEOネタっぽいやつです。 さて、アメブロでは3/10より順次AMP対応しています。 スマートフォンでGoogle検索をした際に、 このような表示がされることがあります。 これは実際に「ユニクロ」で検索した結果の一部です。 このマーク が表示されているものはAMP対応となり、 このように簡易的なページが表示されます。 AMPページはGoogleからの検索の場合はGoogle側にキャッシュされる形になることもあり、 いろいろな制約があります。 例えば、 ・広告の掲載に制約がある ・画像の使い方に規則がある ・使えるHTMLタグに制約がある などです。 HTMLタグなどは、AMPページを
事業サイドがAMPに乗っかるか考える事 - ku-sukeのブログ
AMP、Googleさんが猛プッシュしてますねー。個人的にも表示が早いので、たとえばFBのInstantArticleが好きなのですが、このような軽量版記事がGoogleの検索結果にもAPMによって普及するのは歓迎です。 おさらい、AMPってなに？ Accelerated Mobile Pagesの略で、高速化モバイルページという直訳になるのですが、通常のHTMLページとは別に、APM用のお作法に従ったページを作ることでGoogleの検索エンジンが検知して、検索結果の上部にプレビュー表示される可能性があるというものです。Twitterでのリンククリック時もAMP対応がなされる模様です。 AMPはGoogleだけが開発しているのではなく、上述のTwitterほか著名なパブリッシャーも参加を表明しています。このブログもはてなブログProなので対応しています。（さっきオンにしたので反映はもうちょ
新規、中小企業のための 10 分でわかる検索エンジン最適化 （SEO）
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
かなり充実してきたGoogle Web Fonts API｜Webpark
通常、フォントはユーザー側の環境に影響されますが、Google Web Fonts APIを使うとGoogleのサーバー上にあるフォントを使うので、ユーザー側の環境を気にせず自由に使用できます。 以前からあるサービスですが、久々に見たらフォント数がかなり増えていたので紹介してみます。 ちなみに現在105個の英語フォントが提供されています。 ここでフォントを選んで、次の画面でコードを取得します。 今回の場合以下のようになります。 まず使用するフォントを読み込んで <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light' rel='stylesheet' type='text/css'> フォントを使用する場所をCSSで指定します。 h1 { font-family: 'Terminal Dosis Lig
Google Web Fontsから好きなフォントを使ってみよう
環境が整ってきたWeb Fontsサービス Web Fontsを利用する環境は整ってきました。前々回（インストールせずに、好きなWeb Fontsを使おう ─ ＠IT）はWeb Fontsの歴史を、前回（好みのWeb Fontsが使えるツールを探そう ─ ＠IT）はフォント提供サービスと、Web Fontsを利用する上で便利なツールをご紹介しました。 今回はGoogle Web Fontsの使い方をご紹介します。 Google Web Fontsは他のフォント提供サービスと比較して、とても簡単に利用できます。アカウント登録も不要で、すべてのフォントがオープンソースとして提供されています。第1回の記事では簡単な紹介だけでしたが、今回はWeb Fontsの使い方や、多くのフォントから気に入ったフォントを選ぶ方法など詳しく解説します。 基本的な使い方 Google Web Fontsは以下の3つ
商業利用もOK！ Google Mapsについて知りたいこと
Googleの担当者にサービスについて話を聞くインタビュー特集。前回のAndroidに続き、Google Maps担当者に話を聞いた。問い合わせの多いライセンスの問題と、エンタープライズ向けのサービスに関してGoogleエンタープライズセールスの横山直人さんにお話を伺った。この2つの話題は実は密接に直結しているのである。 利用規約のFAQ Google Maps APIはシンプルで枯れているので、技術関係の質問は多くない。その代わりに多いのは、ライセンス関係だ。つまり、こういう使い方をしていいのか、という皆がグレーだと思っている領域の質問が多い。 最も多い質問は商用利用していいか、というものである。 これは基本的には「よい」。 ただし、1つだけ条件がある。誰でもアクセスできることが、許可される条件である。より具体的にいえば、有料会員制サイトや、イントラネットでの使用、独自アプリケーションで
それほんとにTable？ Google Chart Toolsでちょっとリッチなグラフを見せよう！ | istis
どーも初めまして！ 入社4年、主にHTML/CSS、Javascriptのコーディングを担当しております、上野と申します。 このブログではサイト実制作で役に立つ情報を発信していければと考えております。 今回は意外と認知されていない便利なGoogleのAPIをご紹介です。 意外と使える「Google Chart Tools」 GoogleのAPIサービスといえばGoogleMapsがよく使われますが、他にも便利なAPIがあるんですよ。 この「Google Chart Tools」もそう。HTMLページに簡単にグラフを表示してくれるとってもナイスなガイです。 これを使えば数字統計データの見せ方はテーブルor画像だけじゃなくなりますね。 これもGoogle Chart Toolsのグラフです → Google Chart Tools Google Chart Tools は大きくわけて3
Google Wave アーキテクチャ
原文(投稿日：2009/6/1)へのリンク Google Waveは3つの要素で成り立っている: ツール、プラットフォーム、そしてプロトコルである。そのアーキテクチャの核は、並行制御をサポートするための理論的フレームワーク、オペレーショナルトランスフォーメーション（OT=Operational Transformation）である。 まず最初に定義が必要だろう。Google Waveとは: （ウェーブと呼ばれる）ホストされたXMLドキュメントをベースとした、並行に行われる変更と遅延の少ない更新をサポートする、新しいコミュニケーションとコラボレーションのプラットフォームである。 ツール Google Waveは「電子メールプログラム＋インスタントメッセンジャー＋協調的な文書共有と編集ツール」である。クライアントサイドではJavaScriptとHTML5を使っており、Chrome、Firefo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google アナリティクス