【あなたのサイトは大丈夫？】アルゴリズムアップデート直前、CWV要点をもう一度おさらい！ - AppBrew Tech Blog
株式会社AppBrewでインターンをしている Sora (@sora)と申します。 お茶の水女子大学のM1で、自然言語処理を研究しています。AppBrewでは主にWeb版LIPSの開発をしています。 ところで、もうすぐGoogle検索のランキング要因にCore Web Vitalsが導入されますが、対策はしていますか？ 今回はCWV導入直前ということで、LIPSでどのように数値計測・改善したのか、小ネタをいくつかご紹介したいと思います！ SEO担当者さんの参考になれば嬉しいです。 そもそもCore Web Vitalsとは？ 継続的なパフォーマンス監視 SpeedCurve導入 CWV改善施策の例 CLSの改善 画像まわり 画像サイズの最適化 Cache-Controlの設定 大きすぎるページの改善 おわりに そもそもCore Web Vitalsとは？ ユーザーエクスペリエンス向上に重要
今なぜHTTPS化なのか？インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景
【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか？ 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史と技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、本記事の趣旨の一つにも本来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途
Rails5でSEOするためのgemを紹介 - Qiita
最近SEOが複雑化してきていますよね。AMP対応までSEOのために必須になってしまって、普通のウェブサイトを作るだけでも一苦労です。 この記事ではRailsで構築したウェブサイトをSEOをする上で使うと便利なgemを紹介します。 metaタグの出力には meta-tags railsでSEOを行う上で鉄板のgemです。headタグ内のmetaタグ出力を大幅に簡略化してくれます。 ソーシャル流入対策で必要な ogp / twitterカードもこのgemで対応します。 サイトマップ生成には sitemap_generator sitemap.xmlの生成を手助けしてくれるgemです。cron等のスケジューラーで週に1回更新すると良いでしょう。 今の時代にsitemap.xmlが必要か？という問いに対しては「規模が大きくなれば必要」が回答です。sitemap.xmlで網羅されたページに対して、ど
2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA
HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります（※）。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw
Google の検索エンジンの仕組み、検索結果と掲載順位について | Google 検索セントラル | ドキュメント | Google for Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google の検索エンジンの仕組み、検索結果と掲載順位について Google 検索は完全に自動化された検索エンジンです。「ウェブ クローラー」という種類のソフトウェアを使用して定期的にウェブを探索し、見つけたページを Google のインデックスに登録しています。Google 検索結果に表示されるページのほとんどは、手動でインデックス登録されたものではなく、ウェブクローラがウェブをクロールして見つけ、自動的に追加したものです。ここでは、ウェブサイトの所有者の目線で、Google 検索の仕組みについて説明します。このドキュメントで解説する基本的な知識があれば、クロールに関する問題を解決し、ページがインデックスに登録され、Google 検索結果にサイトが表示されるように最適化できます。 開
About Search Console - Search Console Help
Google Search Console is a free service offered by Google that helps you monitor, maintain, and troubleshoot your site's presence in Google Search results. You don't have to sign up for Search Console to be included in Google Search results, but Search Console helps you understand and improve how Google sees your site. Search Console offers tools and reports for the following actions: Confirm that
AjaxやSPAのHTMLスナップショットをSEO向けに作る必要はなし
JavaScriptを利用したウェブアプリケーションで生成するコンテンツをGoogleにクロール、インデックスさせるには、従来は“HTMLスナップショット”が必要でした。 僕たちが使うブラウザとは異なり、検索エンジンのクローラはウェブアプリケーションを実行できません。 そこで、実行された後の状態のページをスナップショットとしてあらかじめ準備しておき、それを検索エンジンに見せるのです しかし現在は、多くの状況でスナップショットの作成は必要ないようです。 Googleはスナップショットなしでもウェブアプリケーションを実行し、それによって作られたコンテンツをクロール、インデックスできます。 ブラウザがやれることはGooglebotにもやれる Stack Overflowでの、JavaScriptフレームワークやSPA（Single Page Application: シングル ページ アプリケー
Googleが技術ガイドラインを更新、JavaScriptやCSSをブロックしないように指示
[対象: 全員] Googleは、ウェブマスター向けガイドラインの技術に関するガイドラインを更新しました。 サイトのコンテンツをGoogleが完全に理解するために、CSSやJavaScript、画像などすべてのリソースにアクセスするように指示したことが今回の変更点です。 [公式アナウンス] Updating our technical Webmaster Guidelines 技術ガイドラインの変更点 ガイドラインの該当箇所は具体的には次のように変わりました。 以前の技術ガイドライン Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで
How speeding up your mobile site can improve your bottom line
Marketing is at an inflection point. Here’s why that’s an opportunity
sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った - hitode909の日記
ウェブサービスのAMP対応するときに役立つ，sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った． GitHubにも置いてあるのでご紹介します． はじめに：AMPのバリデーションについて AMP（Accelerated Mobile Pages）はHTMLのサブセットなのだけど，ふつうのHTMLとちがって，バリデーションに通らないとAMPのページとは認めてもらえず，エラーが出てると検索結果などに出してもらえないので，がんばって直す必要がある． バリデーションの主なやり方には， クロールされるのを待ってSearch Consoleで見る AMPバリデータを使う の2つがある．順番に説明します． クロールされるのを待ってSearch Consoleで見る Search ConsoleからAMPのクロール状況を見れて，エラーが出て
AMP(Accelerated Mobile Pages) HTMLしてみたという話 / masuP.net
Googleさんが発表したモバイル端末での表示高速化のAMP HTMLに対応してみたよ、という話です。 Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web 概要などは上記見てもらえれば感じはつかめると思いますし、日本語で紹介してる記事だとKenichi Suzukiさんの紹介記事を見ると分かるかと思います。 なぜやってみようかと思ったかというと、「javascriptが無い静的なHTMLとCSSのページは爆速で表示したるで！」というGoogleさんの粋な計らいかと勘違いし、ほとんどが静的なページであるこのブログもサクーっと対応できたりするんじゃね、と思ったからですが、ちょっと苦労しました。 なおブログを完全に対応させたのではなく、記事ページのみ別にAMP HTML用の記事を出力してい
モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ
[レベル: 上級] Googleは、Accelerated Mobile Pages （アクセラレイティッド・モバイル・ページ）という、モバイル端末でのウェブページの表示を高速化するためのプロジェクトを公開しました。 略して、AMP（アンプ）と呼びます。 AMPで策定された仕様に従ってモバイルサイトを構成すると、モバイル検索結果からリンク先ページがまさに“一瞬”で表示されます。 AMPをデモで体験 AMPを使ったページがどのようにモバイル検索から表示されるのかを見てみましょう。 Inside Searchの公式アナウンスに動画があります。 まずこれを見て、何となくでいいので雰囲気をつかんでください。 ただ、見てもどんなだか十分にはわかりませんでしたよね。 実際に試したほうが理解できます。 AMPを体験できるサンプルのリンクもアナウンスに出ていますが、日本からでは機能しないので少し細工を加え
モバイルSEOに役立つGoogle純正ツール×5
[対象: 初〜中級] この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。 Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google モバイルユーザビリティ レポート 順に説明します。 Chrome Google Chromeの「デベロッパー ツール」では、スマートフォン端末で見たときのそのページの表示をエミュレーションできます。 「デベロッパー ツール」は次の手順で起動します。 [Google Chromeの設定]（右上の3本バー） − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) スマホを表すアイコンをクリックするとスマホでの表示モ
2016年 独りで新規WEBサービスを開発・運用した際の知見 - Qiita
私が新規WEBサービス立ち上げ時に取り組んだ内容についてWEBエンジニア向けにまとめた記事です。 例えばNginxの設定でHTTPヘッダーが正しく設定されているかを確認できるGoogleDevelopers PageSpeed Insights を知っていると大変有利です。もちろんPageSpeed Insightsを知らなくてもWEBサービスを公開・運用可能ですがユーザに意図せず不利益を与えていたり、知らず知らずのうちにモバイルフレンドリーでないとGoogleから検索ペナルティを加えられている可能性があります。この記事は独りで新規WEBサービスを立ち上げた際のノウハウと取り組んだ内容について記述しています。 1. 概要（5行くらいで） スマホ対応は必須。トラフィックの50%はスマホから発生する。 速度は武器！速いサイトはそれだけで価値がある。 SEOの内部対策は内部リンク整備とPageS
サブドメインとサブディレクトリをGoogleはどう扱うか？ 新規サイトはどちらを使うべきか？
[対象: 初〜中級] サブドメインで構成されたサイトとサブディレクトリで構成されたサイトに違いはあるのか？ Googleはどのように両者を見ているのか？ この質問にGoogleのMatt Cutt（マット・カッツ）氏が回答しました。 今日は訳すのはやめておいて（おとといと昨日で疲れたw）、僕の言葉で要点をまとめます。 要件に合わせてどちらを使うか決める 自分が使っているシステムやビジネス形態に合わせて、使いやすい方を選びます。 CMSの構成が容易だったりDNSの設定が不要、ドメインの移動もいらない、などというようにサブディレクトリのほうが管理・運用しやすときにはサブディレクトリが適しています。 対して、今運用しているビジネスとは異なるまったく別のビジネスを始めるときはサブドメインでの運用が適しているかもしれません。 たとえば、僕が「お花屋さん」を始めるとします。 サイトは、www.suzu
SEO効果を失わない、サイト移行の注意すべきポイント | アユダンテ株式会社
弊社がいただくSEOに関するお問い合わせの中には、ドメインやURLの変更を行ったサイトリニューアル後に検索エンジンからの流入が減少しているため元に戻したい、というご相談は少なくありません。 Googleのガイドラインには、サイト移転に関するヘルプページが用意されていますが、その中でも、サイト移行後にSEO効果を失わないために特に注意しておきたいポイントについてまとめました。 サイトの移行は大きく2種類 サイト移行は大きく分けて以下の2つのカテゴリに分かれます。 老朽化に伴うサーバ差し替えや仮想化など、インフラのみの変更で、URLの変更が発生しないもの ドメインの変更や大規模なサイトリニューアルなど、URLの変更が発生するもの URL変更の有無によって、サイト移行手順は異なりますが、それぞれ大まかな流れは次のようになります。 URL変更を伴わない場合の移行手順 新インフラの環境設定、コンテン
【Codepatch #06】JSONで生成されたコンテンツでのSEO対策の方法とは！？ | Goodpatch Blog
お久しぶりです。フロントエンドエンジニアの右寺です。 Goodpatchのフロントエンド定例会議での話題をみなさんにお届けするCodepatchの第6弾！ 今回はあるメンバーからの「サイト内のコンテンツをJSONで管理したいが、SEO的なデメリットをどうにか解決できないか？」という相談に対して出てきたアイデアをみなさんにも共有したいと思います。 SEO的なデメリットとは？ みなさんもご存知の通り、Google等の検索サービスは「クローラー」というプログラムを用いて各ウェブサイトの情報を収集し、それを基に検索結果を利用者に表示しています。 元来、そのクローラーはウェブサイト内の静的なHTMLの情報を取得しています。 しかし、現在は冒頭の相談のように運用の利便性を上げるためにJSONのデータから情報を生成したり、AngularJSなどのJavascript MVCフレームワークによって構成され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20 年代のフロントエンド.md
株式会社アクシス
月額2650円でDBアクセス込み秒間214リクエスト捌くWebサーバ構築事例 - Qiita
