ウェブマスターツールに2つの新機能: ブロックされたリソースとFetch as Googleレンダリング比較
[レベル: 中級] Googleは、2つの新しい機能をウェブマスターツールに追加しました。 ブロックされたリソース Fetch as Googleのレンダリング結果比較 順に説明します。 「ブロックされたリソース」はまったく新しい機能です。 JavaScriptやCSS、画像などのコンテンツのレンダリングに必要なリソースがrobots.txtでブロックされていた場合、その状態をレポートします。 「ブロックされたリソース」機能へは「Googleインデックス」メニューからアクセスできます。 サイト全体にわたってGoogleがブロックを検出したリソースが存在するサイトのドメイン名のURL（ホスト）が表示されます。 上のキャプチャでは外部のサイトが2つレポートに出ていますが、サイト内のリソースのブロックを検出した場合は自分のサイトのドメイン名のURLが表示されます。 ドメイン名のURLをクリックす
スマホサイトの横揺れ・横スクロール・見切れ・はみ出しの原因と対策 - Naifix
スマホ対応の WordPress テーマや HTML テンプレートを使っていても、広告や表が画面からはみ出してしまったり、ぐらぐらと横揺れしてしまうことがありますよね。 レスポンシブ web デザインはそうならないように設計されていますが、HTML タグの使い方や CSS の指定によっては表示が崩れてしまいます。 よくある横揺れの原因と具体的な対策方法、一発で解消できる CSS コードを見ていきましょう。 スマホの横揺れがおきる原因 横揺れは、Web サイトの幅（≒ スマホの画面幅）より大きな要素があるときに発生します。 枠内におさまっているように見えても、はみ出している要素のぶんだけ横スクロールが発生してしまうわけです。 どの要素が飛び出しているか探るときは、以下の CSS を追加してみてください（色や太さはお好みで）。
Googleがレスポンシブデザインを推奨する7つの理由
Googleが、ウェブサイトがモバイルフレンドリーかどうかを、4月21日からモバイル検索でのランキング指標に使用する、と発表しました。 検索結果をもっとモバイル フレンドリーに | Google ウェブマスター向け公式ブログ ウェブサイトがモバイルフレンドリーかどうかをモバイル検索結果で表示する変更はすでに行なわれていましたが、ランキングに影響するとあってにわかに騒がしくなってきたようです。 Googleは以前から、ウェブサイトをモバイルフレンドリーにする方法としてレスポンシブウェブデザイン（RWD）を推奨しています。Googleが公開しているモバイルSEOガイドでも、「Google では、デザインパターンとしてレスポンシブデザインを推奨しています」と明記されています。この記事では、GoogleがなぜRWDを推奨するのかを改めてまとめてみたいと思います。 さて、この発表後すぐにWebmas
知っていると便利なGoogle検索の隠れた27の機能が,,日本語でも使える,, - GIGAZINE
By Global Panorama 「検索エンジンといえばGoogle」と言えるほど世界中で使われているGoogle検索は、ブロック崩しができるなど隠れたキーワードや機能がコッソリ追加されていることでも知られています。そんなGoogle検索で知っていると便利な工夫や、ちょっとしたキーワードの追加で超絶便利にしてくれる35機能がDigital Trendsでまとめられており、その中から27の機能が日本語でも使えることが確認できました。 The 35 Best Google Search Tips and Tricks | Digital Trends http://www.digitaltrends.com/computing/the-35-best-google-search-tips-and-tricks/ 検索での句読点、記号、演算子 - ウェブ検索 ヘルプ https://supp
新しい Google Maps Embed API が公開、埋め込み地図のカスタマイズが簡単に
Google が新しい Google Maps Embed API を公開しました。 埋め込む地図の URL に様々なパラメータをつけることで、ルート案内や周辺検索など、様々なカスタマイズを簡単に行いつつ、Web ページ上に地図を表示することが可能です。 Adding the new Google Maps to your website just got easier with the new Google Maps Embed API ： Google Geo Developers Blog Google Maps Embed API ： Google Developers Google Maps Embed API - Developer Guide 埋め込みコード生成用のページも用意されています。下記にアクセスしてみましょう。 Google Maps Embed API -- Ge
Contact Form 7 から Google Drive のスプレッドシートに書き込むプラグイン Contact Form 7 to SpreadSheet
Contact Form 7 から Google Drive のスプレッドシートに書き込むプラグイン Contact Form 7 to SpreadSheet 2014年03月07日 14:32WordPress みやけりょうの人がこんなプラグインを作りました。 miyakeryo/contact-form-7-to-ss 名前のとおり、 WordPress のプラグイン Contact Form 7 から送信された内容を Google Docs (旧 Google Drive) のスプレッドシートに保存してくれるプラグインです。 これは便利。 使い方 これは Contact Form 7 のプラグインなので まず Contact Form 7 がないとはじまりません。 WordPress の定番プラグインですね。 WordPress › Contact Form 7 « WordPre
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス ::SEM R (#SEMR)
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス Googleが検索エンジンに配慮した無限スクロールの導入方法を公式ブログでアドバイス。クローリングできるようページ分割したものを用意するのが原則。プログレッシブ・エンハンスメントを前提に設計しよう。 公開日時：2014年02月14日 02:16 米Googleは2014年2月13日、検索エンジンフレンドリーな無限スクロール（Infinite Scroll）の導入方法についてのアドバイスを公式ブログに掲載した。John Mueller, Maile Ohyed, Joachim Kupkeの3人による上級者向けの投稿だ。 本記事では、翻訳ではなく、軽く Google のアドバイスの要点を押さえつつ、私個人の意見を述べていく。 無限スクロールとは Twitter や Facebook でも導入されているので既にお馴染みか
コンテンツSEOで成果の出たコンテンツの作り方
この記事を読むのに必要な時間:05分22秒 SEOの流れは、完全に「コンテンツが重要」一色です。 でもそうは言っても、SEOに効くコンテンツってどんなコンテンツなのでしょうか？ というわけで、今日は、僕が普段行っているコンテンツの作り方を順を追ってご紹介したいと思います。 何について書いたらいいの？ ここでつまずく方って多いんじゃないでしょうか？ 実際、「どんなことを書いたらいいのでしょうか…？」こういった質問をよくされるのですが、僕自身、書くことがなくて困るという経験があまりありません。だって記事にできることってたくさんあると思うんですよね。 多くの方が、自分の仕事や趣味に関係するサイトを作っていると思います。つまり、得意分野であり、その道のプロフェッショナルの方が多いはずです。みなさんが当たり前で書くほどのことじゃないと思っていることが、多くの方に役立つことって結構あると思います。です
Mappy.js - Googleマップでマーカーを立てるのに便利なjQueryライブラリ MOONGIFT
Googleマップは地図を便利に使える存在ですが、プログラムと組み合わせようと思うと若干面倒なことがあります。そうした時にはサードパーティ製のライブラリを使うのがお勧めです。 マーカーを立てたり、検索したりと言った操作をするならばMappy.jsが便利ではないかと思います。さっそく見ていきましょう。 マーカーを立てたところです。 コードはこんな感じになります。面白いのはリファレンスとして画像をBase64エンコードし、それをそのまま配置しているところです。また、クリックでマーカー詳細を表示するかどうかはautoShowで制御できます。 $("#custom-places").mappy({ showOnLoad: [ // City Varieties { // flag that this place should have the tooltip shown when the map
GmailやGoogleドライブの大切なデータを丸ごとバックアップする方法 | AppBank
Gmail や Google ドライブ・Google カレンダーはとても便利なサービスで、たくさんのメール・書類・予定などのデータを残せます。 しかし、Google は万全を期していますが、誤って自分でデータを消してしまったり、問題が起きた際にこれらのデータが消える可能性は十分考えられます。 （画像引用元：Google） そこで今回は Google の公式ツールを使い、これらのサービスに残しているデータを PC にバックアップする方法をご紹介します。 この方法を使えば、Gmail のメールと連絡先・Google カレンダーの予定・Google ドライブの書類を PC にバックアップできます。 ※バックアップには、データの保存に必要な空き容量を持つ PC が必要です。 Googleアカウントでログイン Gmail などにログインしたら、右上のアカウント名をクリック。さらに【アカウント】のリン
GoogleMapを使って場所の選択や追加、削除、検索を可能にするjQueryプラグイン「mappy.js」:phpspot開発日誌
mappy.js - jQuery plug-in for Google Maps and Places API integration GoogleMapを使って場所の選択や追加、削除、検索を可能にするjQueryプラグイン「mappy.js」 利用者がマップに情報を追加したり、追加された情報を選択したり、検索したりするUIが作れます 地図情報と絡めたようなサービスを作る際に活用できそうです。 関連エントリ Googleマップを好みの色にカスタマイズできるスタイルまとめ「Snazzy Maps」 素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 2Dの地図をリアルな3Dにして3Dマップを作れるPhotoshopアクション
あのフォントがWebフォントに？！有名フォントにそっくりなWebフォントを見つけたよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ぺちこです。 何か気のきいたオープニングトークをしようと思いましたが、びっくりするほど何も思いつかなかったので割愛します。 突然ですが、「あのフォントをWebフォントとして使いたい。でも、それにはライセンスの壁が・・・。」という悩ましいとき、ありますよね。 欧文フォントに関しては数も多いので代替のWebフォントを探すかと思いますが、これがまた時間がかかる。探している間に素敵なフォントに出会うこともありますが、短縮できるものはなるべく短縮したい！ というわけで、「Google Fonts」と「Font Squirrel」から有名なフォントにそっくりなフォントを探してみました。 比較するときの基準 探したとき、主に重視した部分は以下です。画像で比較しているアルファベットだけが似ていても仕方ないので、ある程度の基準を設けています。 「a」「b」「c」「d」「o」の丸み 「a」「g」の
初心者がモチベーション上げながらプログラミングをしてシューティング（っぽい）ゲームを1本作る！ - Λlisue's blog
KawazAdventCalendar - Github 紹介ページ（動作サンプルあり） はじめに この記事はKawaz Advent Calendar 2014 のクリスマスの記事として書かれました。 この記事は「初心者がモチベーション上げながらプログラミングをしてシューティング（っぽい）ゲームを1本作る！」 という目標の元書かれています。 この目的のために、以下のような方針を打ち立てました。 インストールが難しい言語はご法度（例 C/C++ や Java など） 可能な限りプログラミング以外の部分のイザコザをなくす（Pythonの文字コード論外） Windows および Mac で共に同じように動作すること（.net framework vs Mono 論外） 「仕組み」の理解に重点を置くためフレームワークなどは一切使用しない（ああいう のは内部を知っている人が使うべきものです） つま
Google タグマネージャで Web ページに読み込む JavaScript を管理してみる
Google タグマネージャ （Google Tag Manager） をこの Blog 内の各ページで読み込んでいる JavaScript コードの管理に数ヶ月前から使い始めていますが、結構使いやすくて便利なのと、ページの表示速度的にもいい結果が出たので紹介してみます。 Google タグマネージャ公式サイト 機能 ： Google タグマネージャ Google タグマネージャとは？ Google タグマネージャは無料で簡単に使用できるタグ管理システムです。ウェブ上の使いやすい管理画面から自分でタグを管理してモバイル アプリを設定できるため、面倒なコード書き換えは不要で、IT 部門に依頼する必要もありません。 機能 ： Google タグマネージャ から引用 と公式には書いてありますが、簡単にいえば Web ページ内で読み込む各種の JavaScript コード、例えば Google A
無料解析ツールの定番！Google Analyticsを使いこなすために読んでおきたい記事まとめ48選 | nanapi [ナナピ]
はじめに Webサイトの効果検証をするためのアクセス解析ツールは世の中に数多くあります。そのなかのひとつに、無料で便利に使える多機能な解析ツールとして、Googleが提供する「Google Analytics」というものがあります。 非常に多機能であるものの、無料ということもあり、サポートサービスがなく、わからないこと点などを解決したり、もっと効果的に使う方法などを知りたいという方も多いのではないでしょうか。 著者も仕事上「Googleアナリティクス」を使うことが多いため、いろいろ調べながら利用しています。 ここでは、知っていると便利と思われるグーグルアナリティクスに関しての記事やサイトをまとめました。今後のアクセス解析にご利用ください。 記事の内容に関しては、Google側のアップデートなどの仕様変更で適用できない機能などが場合によってはございます。予めご了承ください。 よく意味を確認し
Googleアナリティクスで「性別・年齢・興味」を知る方法｜ひびの備忘録
追記 2013/10/27 「プライバシーポリシーの変更」追記 2013/11/04 「ユーザー属性について詳しく解説されている記事の紹介」追記 2014/06/25 「プロパティ設定からの変更」追記 2014/08/18 「ユニバーサルアナリティクスの場合」追記 2015/03/25 「プロパティ設定からの変更も可能です」（追記 ページ最下部をご覧ください。 新機能！オーディエンスレポート Googleアナリティクスでは、地域やリピーター、OSなどのユーザー情報を取得することができますが、今回新しくオーディエンスレポートとして「性別・年齢・興味」を知る方法が登場しました。さっそく設定してみたので紹介します。 設定方法 簡単に言うと「トラッキングコードを1行書き換える」とデータを収集することができます。書き換えてからのデータを収集することになりますので、残念ながら過去のデータを見ることはで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【速報2】Googleアナリティクスの新分類「集客」「行動」「コンバージョン」に刮目せよ！（第74回） | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座