3年で検索流入が50倍に。MAU1,000万人に成長した「LIPS」が語る、Googleボットさんへの「おもてなし思想」と、アプリとWEBでは目的が違うため「最適なUI」が変わる話 700万ダウンロードのコスメアプリ「LIPS」さんにお話を伺いました。 ※ 株式会社AppBrew 木全 佳梨さん、堀江 慧さん、阿部 栞さん「LIPS」について教えてください。木全： コスメのクチコミアプリです。アプリは700万ダウンロード、全体のMAUは約1,000万人、クチコミ数は累計180万件を超えています。 LIPSでは性別年齢を問わず「なりたい自分」を追いかける人のために、心地よい体験をしてもらえる場所を提供しています。 ここ数年だとLIPSは「WEB版」が伸びているそうですね。阿部： WEB版は、地道なコンテンツの改善が、Googleアップデートで評価されて、自然検索からの流入が3年間で50倍に成

そろそろSEOをちゃんと勉強しようと思い、Google主催の Webmaster Conference Osaka 2019 に参加してきました。 そのイベントの最初のセッションが Malik Mairaj Syed さんの『SEO Mythbusting』というタイトルのもので、よくあるSEOにまつわる都市伝説的なものに関してGoogle側が回答していくというものでした。 巷で噂される「それって本当にSEO的に効果あるの？」という話が次々とスライドに表示されていき、「イエス」か「ノー」かをMalikさんが回答していくという流れになっていて、まだまだ知識の浅い私にとっては大変勉強になる内容でした。 （SEO業界の人たちからすると当たり前すぎてつまらなかったそうですが…） 今回は、そのセッションの内容をざっくりとまとめていこうと思います。 （Googleからのスライド共有はされないそうなので

Volha has over 10 years of experience in SEO, PPC and social media optimization for technology and IT companies It seems a little while ago that Google hinted at having 200+ ranking factors. Though in fact, it happened in the year of 2009, and we are now in 2024, more than a decade behind. Google has drastically evolved over the past ten years. Today, neural matching — an AI-based method — process

GoogleのSEO対策をする上で、アルゴリズムを理解しておくことは非常に重要です。 Googleのアルゴリズムについて「キーワード」や「被リンク」など、 代表的なものを解説したサイトは多数見つかります。 しかし、200近く存在するといわれているGoogleのアルゴリズムについて、 詳細な情報を発信しているサイトはほとんどありません。 もっと具体的な情報がわかれば、SEO対策もしやすくなりますよね ちょっとした差かもしれませんが、細かいSEO対策をするとしないとで、 ライバルサイトと差をつけることができます。 Googleは検索順位を決めるのに機械的に処理しています。 コンテンツの質がまったく同じなら、 アルゴリズムの細かい指標が基準となって、ランキングが決められます。 今の時代、代表的なアルゴリズムは皆対策しているので、 ライバルと差別化するのが難しいです。 ライバルがSEO対策できてい

accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s

Googleが言う良質なサイト・記事の作り方 みなさん、こんばんは。 日々、記事を更新していく上で心がけていることは「良質な記事」を投稿するということがあげられると思いますが、みなさん、良質な記事っていったいどんなものかわかりますか？ 良質な記事といってもいまいちピンと来ないのが本音かと思います。 今日はGoogleが言う「良質なサイトを作るためのアドバイス」という記事をもとに良質なサイト・記事とはどんなものか考えていきたいと思います。 良質なサイト・記事とは？ 信頼 専門性 クオリティー オリジナリティー 良質なサイト・記事の作り方まとめ 良質なサイト・記事とは？ 良質なサイト・記事とは最終的には検索上位に掲載されるサイト・記事です。 それが結果としてユーザーに役立つ、良質な、信頼できるサイト・記事ということになります。 具体的にどんなサイト・記事なのかが気になるところですよね。 Goo

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? メタ この記事はNode学園2018にて話した内容を記事として編纂 +その後の変化を加筆修正したものです。 スライドはこちら。 https://speakerdeck.com/kazuyaseki/seo-for-spa-cfb3706f-ae1d-4c6f-a83f-96dc2452f32b 追記 2019/5/8 遂に Google bot が扱うレンダリングエンジンが Chrome 最新版(現時点では 74)相当となりました！ https://webmasters.googleblog.com/2019/05/the-new-ev

[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイス ドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにする viewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます（viewport は簡単に言えば、スクリーンに表示される領域）。 つまり、重要なコンテンツが viewport に入ったときは確実に読み込ませます。 IntersectionObserver API と polyfill を実装するように Google は指示しています。 2. 無限スクロールでは paginated loading を使う 無限スクロールを採用している場合は、paginated loading を実装します。 paginated

[レベル: 上級] Lazy Load で読み込ませる画像を SEO に対応させる、言い換えれば、検索エンジンにインデックスさせるための方法として、次の2つを Google の John Mueller（ジョン・ミューラー）氏は Google I/O 2018 のセッションで推奨しました。 <noscript> タグ 構造化データ Lazy Load 画像は SEO に不向き Lazy Load で読み込ませる画像が SEO に不向きな理由は以前にも説明したことがありますが、もう一度簡単におさらいしておきます。 そんなの知ってるよという方はここは読み飛ばして構いません。 Lazy Load（レイジー ロード）とは、遅延読み込みのことです。 画像の表示によく使われます。 ページを表示した段階では画像を読み込ません。 スクロールして、ユーザーの見えるエリアに画像（が表示されるべき場所）が入った

Do you know about Hulu's JavaScript fail story? Back in 2016, the online video streaming service experienced a 56% visibility drop due to bad JS handling. A nightmare no business wants to go through. To avoid such disasters, you have to know what you're doing when working with modern JavaScript frameworks. Here at Snipcart we are expert of JavaScript for e-commerce, and we love Vue.js. However, we

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ Webページ改善には、SEO(検索エンジン最適化)とCRO(コンバージョン率最適化)があります。 SEOが「検索エンジン」に対して、Webサイトを最適化する取り組みならば、 CROは「ユーザー」に対して、Webサイトを最適化する取り組みと言えます。Googleをはじめとした検索エンジンが、ユーザーを満足させることを望んでいるのならば、究極的にこの二つの考え方はどこかで交わりを持つはずです。 しかし、この二つを同時に実現することは本当に可能なのでしょうか？ 「ABテストって、SEO的に考えるとクローキングにならないの？」 「SEOでは見出しにキーワードを含めるけど、ユーザー体験としてはどうなの？」

GoogleはJavaScriptを読むことはできるが。 Googleの進化は早いもので、「JavaScriptフレームワークは検索に弱い」と言われたのは今は昔。JavaScriptをちゃんと読み込み、レンダリング後をインデックスしますので、今では検索結果に表示するためだけにServerSideRenderingやpre-renderingをする必要はなくなりました。 ただ、その一方で、Googleのクローラーで採用されているJavaScriptのバージョンは低いです。ES5を使ってる模様。ES6以降を使って書いているJavaScriptコードは、Googleのクローラーは認識しない可能性があります。 AngularはES5への互換をデフォルトでは外している AngularにはES5互換のためにスターターテンプレートにsrc/polyfills.tsが内包されています。これを使うと、ES5

こんにちは。ぼっちバイカーです。 珍しくブログ運営のお話。 タイトルの通り、一部のページ(それもアクセスがたくさんあった記事)が突然ページ検索できなくなってしまいました。 原因を調べ対策をしてみたので記事にします。 SSL対応したら人気ページが検索でヒットしなくなった 7月に「ぼっちバイカーのブログ」をHTTPからHTTPSへ、いわゆるSSL対応をしました。 【はてなブログ】ぼっちバイカーのブログをSSL対応した話 その後、アクセス数が急遽増減することもなく安心していたのですが昨日衝撃の事実に気づいてしまいました。 なんと、このブログで一番アクセスを稼いでくれていた「【2年経ってわかった】僕がストライダーを買わなくて良かったと思った7つの理由 – ぼっちバイカーのブログ」が検索に引っかからなくなったのです。 今まで「ストライダー」で調べるとトップ3位くらいにいたのに、1ページ目どころか2ペ

[レベル: 中級] 【UPDATE】 この記事は事実を正しく反映していないことが判明しました。 こちらの記事で説明しています。 ページの読み込み速度をモバイル検索のランキング要因として用いる “Speed Update”（スピード アップデート）を Google は今月導入する予定です。 Speed Update は、本当に遅いページだけが影響を受けるアルゴリズムだと思われていました。 しかしながら実際には、速ければ速いほど評価が上がるアルゴリズムになっているようです。 Speed Update では、読み込み速度が速いと段階的に評価が上がる Speed Update の導入を事前アナウンスした公式ブログの記事は次のように説明していました。 The “Speed Update,” as we’re calling it, will only affect pages that delive

サイトの順位が変動するのには、Googleのアルゴリズム変更、自社サイトのコンテンツや技術仕様の変更、競合サイトの台頭、など様々な理由があります。Googleのジョン氏は、アルゴリズムのアップデートがサイトに影響を与えるのは、自サイトにテクニカルな変更を加えるよりも素早く影響を与えると述べました。 — SEO Japan Goolgeのジョン・ミューラー氏はウェブマスターハングアウトで、「もしサイトの順位が一日で大きく下落して、Googleのアップデートだと周りで騒がれていれば、おそらくそれは検索順位アルゴリズムの変更が完了したことに関係しているであろう」と述べた。ジョン氏はさらに、「サイトに技術的な変更を加えた時、一般的にはそれらの変更がサイト(の順位)に影響を与えるのは数週間から数か月かかる。これはアルゴリズム変動の影響よりも何倍も時間がかかる」と付け加えた。 なので、例えばURLの命

[レベル: 上級] Google は生 の HTML に記述されている rel="canonical" だけを処理します。 クライント側のレンダリングで生成された rel="canonical" は完全に無視されます。 Web担当者Forum 連載コラムで先週取り上げ、その後 Twitter でも補足したことなのですが、特に、開発者と密接に連携してサイト管理している人にとっては重要な情報なので僕のブログでも触れておきます。 最初の状態で rel=”canonical” を返すこと JavaScript を使ってクライント側で rel="canonical" を生成させることができます。 言い換えれば、レンダリング後に rel="canonical" を挿入可能です。 JavaScript のフレームワークを使ってもいいでしょうし、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