Chrome の loading="lazy" を試す | バシャログ。
どうもfujiharaです。梅雨の時期がやってきましたね。 皆さん梅雨の対策はしていますか？私はしていません。 本日は Chrome の img のプロパティ loading を試しましたので、 ご紹介します。 Loading Attribute 今まで画像の遅延読み込みする場合は img タグに クラスをつけて、 疑似画像を出しておき、スクロール範囲に入ったらローディングして表示などしていましたが、 これがあると自動で遅延読込してくれます。(Chrome) 既存のイメージと動画の遅延読み込み 確認 4月くらいでしたか、Chrome 75 からと言われていましたが、クロームのステータスを見ると 76になってますね。当初使えると思ってやってみたんですが、chrome:flags で Enable lazy image loading を Enabled にしてあげないと有効になりませんでした
Google の検索品質評価ガイドライン（の一部）をプロが翻訳してみたよ その3 | バシャログ。
Google の検索品質評価ガイドライン（の一部）をプロが翻訳してみたよ その3 今年の冬はあまり寒くない、なんて言ってた年末の自分に「油断するな」と言ってやりたい kimoto です。ほんと最近寒い。 本日はGoogle 検索品質評価ガイドラインの翻訳記事第三弾です。 （その1、その2はこちら） 今回はの目次はこちら。 12.7 ユーザーの意図を理解する 12.7.1 Know クエリと Know Simple クエリ 12.7.2 Do クエリとデバイス アクション クエリ 12.7.3 ウェブサイト クエリ 12.7.4 Visit-in-Person クエリとユーザー ロケーション 12.7.5 ユーザーの意図が複数あるクエリ 12.9 自分のスマートフォンでの実行結果を評価する なんせこのセクション7が長いです。 また、「12.8 リザルトブロックを理解する」は今回は割愛していま
Google の検索品質評価ガイドライン（の一部）をプロが翻訳してみたよ その2 | バシャログ。
今年の冬はあまり寒くなくて嬉しいなー…と思っていたらここ2日くらい寒くて凹んでる kimoto です。 さてさて、Google 検索品質評価ガイドラインの翻訳記事第二弾です。 （その1はこちら） 今回は 12.4 明確なロケーションを含んだクエリ 12.5 複数の意味を持つクエリ 12.6 時間とともに意味が変化するクエリ の 3 セクションをご紹介します。 ※ この文書はGoogle が発表したものをこちらで独自に日本語へ翻訳したものです。 オリジナルのドキュメントはこちら。 12.4 明確なロケーションを含んだクエリ クエリに明確なロケーションを追加することで、ユーザー ロケーションに関係なく、ユーザーが正確な結果を要求する場合があります。クエリに含まれるこのようなロケーションを、「明確なロケーション」 と呼びます。明確なロケーションが含まれることで、クエリの理解と解釈が非常に容易にな
Google の検索品質評価ガイドライン（の一部）をプロが翻訳してみたよ その1 | バシャログ。
先日、Google 検索品質評価ガイドラインが公開されました。 このガイドラインは、Google の検索結果の品質のための物です。つまり、Google の検索結果の品質評価を行う人が使うためのガイドライということになります。 このガイドライン、検索結果のアルゴリズムが公開されているわけではないため、我々Web制作者にとって直接的な関連性は低いかもしれません。 しかし Google が品質向上のためどのような事をしているのかは重要なことですし、何より内容は非常に興味深い物となっています。 ということでこのガイドラインを読んで勉強したいけど、160ページもあってしかも全部英語……。 この拙い英語力では一生かかっても読み終わらないかもしれない…どうしたら……。 さてさて、このバシャログ。を運営している弊社シーブレインには、Web 制作の部署とは別に IT 翻訳事業部という部署があります。（つぼロ
YouTube Player API で動画を制御する | バシャログ。
どうもお久しぶりです fujihara です。 春一番が吹き荒れ街も暖かくなってきましたね。 季節の変わり目って布団の量が難しくて風邪を引きやすいと私は 思っているので皆さんもお気をつけ下さい。 本日はYouTube Player API で動画を制御します。 目的 業務で YouTube を連続で再生させたいという依頼があり使用しました。 (詳細は省きます) コード 以下Googleのサンプルコードです。** 参考 ** iframe 組み込みの YouTube Player API リファレンス <div id="player"></div> <script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = d
Google にクロールしてもらうように頼むツール、Fetch as Google | バシャログ。
この前の土曜日は、リーガ・エスパニョーラのバルサ vs レアルのいわゆる「クラシコ」をテレビ観戦したおかげで日曜が眠くて仕方なかった kimoto です。 ネイマールがすっかりフィットしてて驚きました。いやー、ジェフに来ないかなー。 さて本日は、世のウェブマスターの方々にはお馴染みだと思いますが、Fetch as Google をご紹介します。 Fetch as Google とは？ Fetch as Google とは、Google に対し、「クロールお願いします！」という申請をするツールです。 Google ウェブマスターツールを使っている人なら問題なく使えます。 どんな時に使うべきかと言うと、まずはやはり新規サイトを立ち上げた時。できてすぐだとなかなかクローラーが回ってきてくれないこともあります。まずはこれを使ってインデックスしてもらえるようにするといいでしょう。 また、既存のページ
バシャログ。のページ表示速度を改善するためにやった対策3つ | バシャログ。
ここ最近というか今年の6月以降、ページの表示速度が劇的に遅くなってました。 長い間放置していたのですが、そろそろgoogleさんに従わないとヤバいと思いましたので、すぐに出来るもので対策してみました。 Google Analytics でのページ速度推移 今年2013年の4月から10月28日までのバシャログトップページのページ読み込み時間推移は、以下です。 急激に読み込みに時間がかかっているのがおわかりですね。 何も出来なくて、、夏。。。 表示速度対策でやったこと 画像の圧縮 CSSの見直し ソーシャルボタン対応 画像の圧縮 ブログ内全体での共通画像ファイルをすべて圧縮・最適化しました。 圧縮に仕様したツールは、以下です。 PNGGauntlet (Win)： 対象となる画像形式は、pngのみですが最近の使用率はめちゃ高い。 Caesium (Win)： 圧縮前と圧縮後の画像をプレビューで
Google にペナルティを食らった場合の対処フローをざっくりとまとめてみる | バシャログ。
すこしずつ寒くなってきて、だんだんと冬が近づいてきましたね。既に春が待ち遠しい kimoto です。 さて、最近 Google からペナルティをくらってしまったサイトを、ペナルティ解除までもっていく体験をしたので、経緯を簡単にまとめてみようと思います。 あまり無いことだとは思いますが、身に覚えがないのにペナルティを食らってしまった場合に、参考になれば幸いです。 Google にペナルティをくらってしまった！？ 「あなたのサイトに対する不自然、もしくは人工的なリンクを検出したんで、ペナルティを課しましたよ」 Google にペナルティを食らうと、Web マスターツールに、こんな内容のメッセージが突然届きます。 まったく身に覚えがないのにこんなメッセージが来たら当然驚きますよね。 とりあえずは落ち着いて、実際に検索にどんな影響があるのか確認してみましょう。 サイト名やドメイン名、果ては URL
Google 日本語入力のカーソル周辺の吹き出しを非表示にする | バシャログ。
昨日は地元のお祭を見に行ってきた kimoto です。屋台が沢山出ていて、それを眺めるだけでも楽しいですね。 直前に大盛りラーメンを食べてしまったせいで一切ときめかなかったですが、それでも楽しかったです。 先週、Google 日本語入力がアップデートされました。 詳しい内容はこちらにありますが、カーソル前後の文字列を考慮して変換候補を出すようになるなど、さらに便利になりました。 この中で「Windows 版の変更点」として追加された機能で、「入力モードを変えると変更後のモードがカーソル付近に表示される」というものがあります。 この機能が実にウｚ…たまに邪魔になる事があるため、どうしようかと思っていたのですが、先ほどの公式ブログによると「設定でオフにできる」と書いてありました。 しかし、具体的な説明が無いため、この設定がどこで変えられるかわかりづらかった…。 ということで、自分用メモも兼ねて
Webマスター必見！パンダ・ペンギンアップデート判定ツール「syachi.jp」 | バシャログ。
週末に昔の「水曜どうでしょう」を見てたんですが、大泉さんの福山雅治モノマネにお腹痛くなるほど笑わせてもらいました Latin です。 「Googleさんがまた大型アプデするんだって All rights☆！」 ということで、先日弊社の kimoto もブログ内で取り上げておりましたが、数週間後にまた大規模なペンギンアップデートがあるらしいですね。 今回は一連のパンダ・ペンギンアップデートと自社サイトのプロファイルを比較する事ができる便利なサービス「syachi.jp」をご紹介します。 自社サイトの自然検索流入数とパンダ・ペンギンアップデートの時期を比較できる syachi.jp は、Google Analyticsと連携させる事で、一連のパンダ・ペンギンアップデートと自社サイトの自然検索流入数を比較する事が可能になるツールです。 「なんで流入数が減ったんだ～」と思う事もしばしばですよね。そ
【小ネタ】Googlebot の UA まとめ | バシャログ。
EURO 2012 がそろそろ始まるため、寝不足の日々に戦々恐々としている kimoto です。 ちなみに僕の予想はドイツ優勝です。なんの意外性もない男ですみません。 先程 Google のウェブマスターツールを見ていたら「ループしてる箇所があるからクロールできなかったぞコラ」と Google さんに怒られてしまったので、ブラウザの UA を Googlebot の物（PC版、携帯版、スマホ版）に偽装してアクセス調査などしました。 その際にしらべた、Googlebot の UA をまとめてみました。 や、まとめたって程のものでもないですが…。てことで小ネタです。 調査の際にお役にたてれば。 PC 用 Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html) 携帯（フィーチャーフォン）用 SAMSUNG-
Yahoo! JAPAN が Google の検索エンジン採用を発表！ | バシャログ。
夏だ！暑い！ガリガリ君うまい！kimoto です。最近は梨味がお気に入りです。 さて、Yahoo! JAPAN と google が提携を発表しました。 これはこの業界に身を置く者にとっては大きなニュースですね。 米Yahoo! が bing と提携するという発表がされ、Yahoo! JAPAN も bing と統合か？なんて話も出ていましたが、どっこい提携先は google でした。これで日本の検索エンジンのシェアは実に 9 割を google が占める事になります。これは凄い。 日本の 3 大検索エンジンは Yahoo!、google、bing と言われますが、実際のところは完全な 2 強です。サッカーに例えるなら、去年ウォルフスブルクはジェコとグラフィッチと大久保で点を獲りまくってた！って言ってるようなもんです。分かりづらいですね。すみません。 日本では Yahoo! のシェアが高い
忍者 VS Google Nexus One | バシャログ。
天気予報で雪だるまマークを見ることが多くなりました。横浜も冬です、toyama です。 社内の iPhone 率が急上昇して悔しくて死にそうです。みんなして同じケータイ持ってて恥ずかしくないの？仲良しだからおそろいなの？とか中学二年生みたいな気持ちで見ています。 そこで期待したいのは Google ケータイです。シーブレインではローカライゼーションが Android でアプリケーションを作って公開しており、社内で流行るべきは iPhone じゃないだろ！と思っていますがどうなんでしょう。 Google が販売を開始して約一ヶ月、今更ですが Google Nexus One のプロモーションムービーがとても素晴らしかったのでご紹介します。これストップモーションで作ったのかなー、すごい。 ちなみに、私が使っているのは未だに MEDIA SKIN です。 関連サイト 事例 | プロフェッショナル
Google AJAX Search API ウィザード を使ってみよう！ | バシャログ。
こんにちは、人によく道を尋ねられるinoueです。いい人に見えるんだなと勝手に思っています。 さて。Google の APIを使ったWebパーツの作成、というとどのような事を思い浮かべますか？ APIキーを取得して、Javascript書いて…なんだか難しい、という印象の方も多いかと思います。 しかし、現在では「ウィザード」機能が Google AJAX Search API と Google AJAX Feed API で用意されており、 必要事項を埋めるだけで誰でも簡単にAPIを使ったパーツのコードを生成することができます。 今回はそんなGoogle AJAX Search API ウィザードの中からいくつかサンプルをご紹介します。 NewsShow ウィザード NewsShow ウィザードで作成したコードをサイトに追加すると、 選択した Google ニュース検索の結果の見出しとプレ
%26utm_content%3DGoogle%2BReader)
Google検索の検索ツールって結構いろいろなことが出来てやっぱスゴイ | バシャログ。
こんにちは。先週末から自宅隣の家屋の取り壊し工事が始まり、電動ドリルでコンクリートを壊す音が目覚まし代わりなishidaです。 通常取り壊しには重機を使いますが、重機が入るエリアがないために人力のみで壊しています。 2週間ほどかかるようで、平地になるのが楽しみです。 さてさて、Googleホームページの検索ボックスおよび入力キーワードの文字サイズが大きくなったことは、皆さんお気づきでしょうが、普段オプションとして隠れている「検索ツール」にいろいろ便利な？最先端な？機能がありますのでご紹介します。 まずは検索してみましょう。例では「バシャログ」で検索してみます。 赤枠で囲まれた箇所に「検索ツールを表示」をクリックします。 すると、にゅるっと左に検索ツールが表示されます。 ワンダーホイール表示 「ワンダーホイール」のテキストリンクをクリックします。 関連するキーワードがツリー構造のFlashで
googleアプリを拡張するGreasemonkeyスクリプト | バシャログ。
こんばんは、ishidaです。 いろいろなgoogleアプリがありますが、より使い勝手を向上させるために Greasemonkeyスクリプトは欠かせません。 今回は個人的に私用しているGoogleアプリ関連のGreasemonkeyスクリプトをご紹介します。 ちなみにGreasemonkeyは、Firefoxでユーザースクリプトを実現するための拡張機能です。 ダウンロードは以下からどうそ。 https://addons.mozilla.org/ja/firefox/addon/748 Google検索結果 編 はてなブックマーク数を表示 検索結果のページタイトルの後ろに、はてなブックマーク数を表示します。 http://d.hatena.ne.jp/kusigahama/20051207#p1 iGoogle 編 ヘッダーを折りたたむ ヘッダーの検索エリアが開閉できるようになります。 イン
googleのデザインをみんなでカスタマイズ redesigngoogle.com の使い方 | バシャログ。
こんばんは、ishidaです。 つい先日からiPhoneアプリ マネー手帳 で家計簿をつけはじめました。 一ヶ月の支出で通信費がかなり多かったので節約のために、携帯のパケット定額制をやめてみました…。電車の中ではもっぱら携帯いじりをやめ、家計簿つけて節約です。 さてさて今回は、サイトのご紹介。 googleさんには、自分ポータルとして i Googleがあります。 好きなテーマを選らんで、ガジェット入れたり。 検索結果の画面も以下のサイトで自分ごとのみカスタマイズできるようです。 redesigngoogle.com というサイトがそれです。 redesigngoogleの使い方 はじめに サイトトップには、リデザインされた数点のものもありますがCSS大好きな人は赤枠で囲んである「creat new」をクリックです。 編集画面 CSSの編集画面に移ります。 左の赤枠部分がCSSのコードを記
Google の検索オプション色々 | バシャログ。
ついに我らが横浜ベイスターズのシーズン最下位が確定しましたね、、、て、あれ？まだ決まってなかったの！？、、、こんにちは、nakamura です。 最近では Google Reader、Google Map、Gmail、Google Calendar に Google Talk とインターネット界の読売巨人軍よろしく幅を効かせている Google ですが、やはりもっともお世話になるのは検索エンジンでしょう。という事で今日はそんな Google で自分の欲しい情報を効率的に探す為の検索オプションをいくつかご紹介しようと思います。 OR 検索 OR を検索ワードの間に挟む事で、いずれかのキーワードを含むサイトの検索が出来ます。「あれ、どっちだったっけな〜？』という自信のない時に使うと中々便利です。 シーブレイン 横浜 OR 馬車道 フレーズ検索 通常スペース区切りでキーワードを入力すると単純な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【おさらい】google の大規模なペンギンアップデートがあるらあしいぞ！…で、ペンギンアップデートってナニ？ | バシャログ。
Googleオリジナルグッズセット欲しい！とは はてなの人気・最新記事を集めました - はてな
