スマホやRetina対応するためのイメージタグの記述方法 - by Takumi Hirashima
スマホやRetina対応するためのイメージタグの記述方法を紹介します。 例えば、パソコンとスマートフォンで画像を切り替えて、かつRetinaディスプレイ対応をしたい時に便利な方法です。 基本的なイメージタグの記述方法 Retinaディスプレイに対応するためのイメージタグの記述方法 スマートフォンでは別の画像を表示したい時のイメージタグの記述方法 基本的なイメージタグの記述方法 まずはイメージタグの基本的な記述方法を紹介します。 <img src="example.jpg" alt="example" > イメージタグには、画像URLを指定するsrc属性以外にも特徴的な属性がいくつかあります。 src=”” ソース 表示する画像のURLを指定します。 alt=”” オルト 画像の代わりとなるテキストを指定します。 title=”” タイトル 画像の補足的な情報を指定します。 指定した内容は、
Google ニュースでより成果を上げるために
+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
ホーム - Doruby
最新のテクノロジーを学ぶ 世界中の人々が最新のテクノロジーを見つけたり、学んだりする環境を提供しています。最新テクノロジーに精通した世界トップクラスのライターやエディターが、様々なコンテンツを発信しています。 Dorubyが大切にしていること テクノロジーに情熱を持っているプロフェッショナルたちが、テクノロジーについて紹介するだけでなく、それを実際に体験したことをもとに、本当に重要なことを読者の皆さんにお伝えします。何百もの記事やコンテンツを発信し、将来なくてはならない技術や最先端技術について解説しています。 レビューの仕方 当社は、商品をレビューする記事やコンテンツも発信しています。商品をレビューするのは一度きりではなく、長期にわたって観察し、評価内容を定期的に更新・アップデートするようにしています。 テクノロジーを専門としたライターで構成されるグローバルチームを結成し、公正なテスト基準
WordPress AMPプラグインを使って サイトをAMP対応にする – ねんでぶろぐ
Googleは、モバイルページを高速化する AMP（Accelerated Mobile Pages） に対応したサイト検索を開始しました。 AMP は AMP HTML 仕様に沿って作成する必要があります。サイトをAMPに対応させる場合、独自のタグの記述方法や 使えるタグの制約が多いので、自分で対応させるのは大変なのですが WordPressではサイトをAMP対応にするプラグインがあります。 この AMPプラグイン を使うと 自動で変換してAMP対応してくれますのでとても楽になります。ここではさっそくAMPプラグインを使用してAMP対応する方法を紹介します。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2
AMP 化しよう: Google モバイル検索における AMP ページへのリンク機能のプレビュー
+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 が言う 「モバイルフレンドリー」 とは？ モバイルフレンドリーテストツールで色々試してみた
Google が言う 「モバイルフレンドリー」 とは？ モバイルフレンドリーテストツールで色々試してみた Google がモバイル検索の順位決定時に 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表したことに関連して、そもそも Google は何を根拠に 「モバイルフレンドリー」 かどうかを判断しているのか、という点について調べてみました。 先週ですが、Google が Official Google Webmaster Central Blog で、2015年 4月 21日 （米国時間） から、モバイル検索の順位決定時に、その Web サイトが 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表しました。 Finding more mobile-friendly search results ： Official Google Webmaster
ウェブマスター ツールで hreflang のアノテーションに関するトラブルシューティングができるようになりました
+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
検索エンジンとの相性を考慮した無限スクロールのベストプラクティス
+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
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装する
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装することにより、追加されたコンテンツをインデックスに登録させる方法を紹介します。 １．はじめに 「Googleが推奨するSEOに適した無限スクロールの構成方法」で「無限スクロールのページにpushStateを実装する。（ことを推奨）」とあります。 同じページにサンプルへのリンクが掲載されていますが、自前の実装らしく、汎用的に使えるようなサンプルが紹介されているサイトはひとつもみつかりませんでした。 ということで、配布されているjQueryプラグインを組み合わせて、SEO対策つきの無限スクロールを実装してみたいと思います。 利用するjQueryプラグインはタイトルのとおり、jQuery.pjaxとjQuery.bottomの2つです。 defunkt / jquery-pjax jimyi / jq
より多くの言語にサイトを対応させるには（動画）
+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
リッチスニペット対応させて検索結果で注目度UP
今年の6月下旬の話を思い出したように書いています。 google の検索結果がリッチスニペット対応したのが 2009年12月あたり。ユーザ視点で言えば、ページの有益性を検索結果一覧上で確認する手段が提供されたことになりますが、情報提供者側の視点から言えば、検索順位以外でユーザの注目を集める方法が提供されたことになります。公式ブログでは下記のような説明がされています。 製品やサービスのレビューや評価情報を表示することで該当ページの有益性が分かりやすくなり、より効果的にユーザーをウェブサイトへ誘導できることが我々の実験結果で出ています。 つまり、リッチスニペット対応して検索結果にレビューやサムネイルとかを表示すれば、注目度が上がりアクセス数も増えるんだろうなぁーと容易に想像できたので、いつか自分のブログも対応させたいと思い始めてから早一年半・・・。料理カテゴリの記事のみですが microfor
Google 検索と相性の良い携帯電話 / スマートフォン向けウェブサイトを運営するには
+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 Analytics 携帯版Hack 全キャリア機種名対応
※2011-01-12：FAQ2件、追記しました。 au、SOFTBANK機種名も表示できます。 昨年から、マルチデバイス対応を進めてきましたが、ようやく形になりましたので、公開します。なお、この手法はGoogle公開のga.phpをhackしていますので、あくまで自己責任で。 １．Google Analytics for Mobile Hack の特徴 本改造により、グーグルアナリティクスで以下の携帯アクセス解析が出来るようになります。・・・というか、現在のGoogle Analytics 携帯版では出来ないんですね。 ・SOFTBANK機種名取得 ・auデバイス名／機種名変換 （現在取れている機種名はデバイスIDで商品名とは違う） ・ページタイトル取得 ※参考URL手法により ・Android機種名取得 ・iPad、iPhone、iPodTouchのOSバージョン (not set)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News