「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ（要キーワード） 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の
本日、2019年9月24日で、私がTogetter（トゥギャッター）というサービスを作って丸10年になります。キリも良いし、私もnoteに何か書いてみたいと思っていたので、サービスの歴史などを書いていこうと思います。 トゥギャッター誕生Togetterというサービスは、名前からも想像できると思いますが、Twitter関連のサービスで、誰でも自由にツイートをまとめることができるサービスです。2009年当時の私は、個人の趣味でいろいろなWebサービスやアプリを開発して、リリースしては潰すということを繰り返してて、大体の作っているサービスの名称はダジャレで考えていたので、Togetter（トゥギャッター）も、ツイートをトゥギャザーする（一緒にする）という想いを込めて、Twitter＋Together=Togetter という形で安易に決まりました。まさか、このダジャレで考えたサービスに10年間フ
3,000万ユーザーを集客した結果わかった、SEOに関する30の教訓 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEO Japanでもたびたび紹介しているNeilpatel.com。多数の有益な記事が記載されており、ニール・パテル氏自身の知名度も抜群です。大量のトラフィックを獲得していることは想像に難くないですが、その成功の秘訣はどこにあるのでしょうか。 今回は、氏が特に重要と考えているだろう30個のアドバイスを共有している記事を紹介します。 単にSEOの施策リストというわけではなく、ブログ運営で必要な姿勢や考え方、繰り返すべきでない失敗など、広範囲に渡り扱っています。 上記のスクリーンショットでお分かりの通り、私はSEOから私のWebサイトへ、3,000万のトラフィックを獲得している。 細かく言えば、その数はもっと増えるのだろうが、誰が正確にカウントすることができようか？ 面白いことに、Googleが継続的にアルゴリズムのアップデートを行っているにもかかわらず、私は自身のサイトへのトラフィックをめ
そろそろSEOをちゃんと勉強しようと思い、Google主催の Webmaster Conference Osaka 2019 に参加してきました。 そのイベントの最初のセッションが Malik Mairaj Syed さんの『SEO Mythbusting』というタイトルのもので、よくあるSEOにまつわる都市伝説的なものに関してGoogle側が回答していくというものでした。 巷で噂される「それって本当にSEO的に効果あるの？」という話が次々とスライドに表示されていき、「イエス」か「ノー」かをMalikさんが回答していくという流れになっていて、まだまだ知識の浅い私にとっては大変勉強になる内容でした。 （SEO業界の人たちからすると当たり前すぎてつまらなかったそうですが…） 今回は、そのセッションの内容をざっくりとまとめていこうと思います。 （Googleからのスライド共有はされないそうなので
【図解】グーグルのリンク評価20の原則【2019年版】（前編#1～#10） | Moz - SEOとインバウンドマーケティングの実践情報
22年前、グーグルの創業者らがPageRank（ペイジランク）を発明し、それ以降のウェブが変わった。既存のランキングアルゴリズムと比べてPageRankが大きく違っていたのは、次の点だ： ウェブ上のリンクを票と見なす。最初の段階では、票はすべて平等だ。 得票数が多いページほど重要度が増す（そして、より上位に表示される）。 重要なページほど票の重要度が増す。 しかしグーグルは、そこで止まらなかった。さらに、 アンカーテキストトピックモデリングコンテンツ分析トラスト（信頼）シグナルユーザーエンゲージメントなど、検索結果をよりいっそう改善する要素を取り入れたのだ。 リンクはもはや平等ではない。いや、平等とはほど遠い。 ランド・フィッシュキンがこの記事のオリジナルバージョンを公開したのは、2010年だ。はっきり言って、それはSEOの世界を震撼させた。ここでは、彼のオリジナル記事から非常に多くの部分
Intro 前回の記事で、奇遇にも本サイトの AMP 対応を落とすことになった。しかし、そうでなくても AMP をどこかでやめることは考えていたため、きっかけの一つが SXG 対応になったのは、順当な流れだと筆者は感じている。 これは AMP がなぜ始まり、なぜトーンダウンしつつあるのか、そしてこれからどうなっていくのか、という流れをまとめるいい機会でもある。 その過程で生み出され、本サイトでも検証を続けてきた Performance Timing API, Core Web Vitals, Signed HTTP Exchange 、そして今構想されている Bento AMP などを踏まえ、一連の流れを覚えている範囲で記録としてまとめておく。 ソースは筆者の主観であり、眺めてきた体感を mozaic.fm の Monthly Web などで話してきたものがベースなので、信頼性や正確性は期
こんにちは、長山一石 (ながやま・かずし) と申します。今年はじめに米国の Google LLC を退職し、最近は JADE という会社を立ち上げて活動しています。今回は、Google Discover について少しお話しようと思います。 0. Discover はいいぞ Google Discover というプロダクトを知っていますか。昨年ひっそりと旧名 Google Feeds から名前を変えてローンチした、個人に最適化したニュースを届けるサービスです。 Pixel ならばホーム画面から左にスワイプすれば、スムーズに記事のレコメンデーションが始まるような仕組みになっているし、他のスマートフォンでもChrome や Google アプリを利用していれば、いたるところにおすすめ記事の一覧が出るように改変が進んでいます。 ある日のわたしの Discover。プログラミングやガジェット関連の情
【SEO対策】Googleの200の上位表示アルゴリズムを一挙公開！！ - Evergreen Blog ～弱者のためのファン創造コンテンツマーケティング～
GoogleのSEO対策をする上で、アルゴリズムを理解しておくことは非常に重要です。 Googleのアルゴリズムについて「キーワード」や「被リンク」など、 代表的なものを解説したサイトは多数見つかります。 しかし、200近く存在するといわれているGoogleのアルゴリズムについて、 詳細な情報を発信しているサイトはほとんどありません。 もっと具体的な情報がわかれば、SEO対策もしやすくなりますよね ちょっとした差かもしれませんが、細かいSEO対策をするとしないとで、 ライバルサイトと差をつけることができます。 Googleは検索順位を決めるのに機械的に処理しています。 コンテンツの質がまったく同じなら、 アルゴリズムの細かい指標が基準となって、ランキングが決められます。 今の時代、代表的なアルゴリズムは皆対策しているので、 ライバルと差別化するのが難しいです。 ライバルがSEO対策できてい
辻正浩氏が語る、SEOに携わる者の責務と未来
「日本国内におけるSEOの第一人者は？」 と聞かれ、真っ先に頭に思い浮かぶのはきっと辻正浩さん（@tsuj）ではないでしょうか。ウォッチしている検索キーワードの数はなんと30万超。日本の月間検索数はほぼ100億前後と推測され、そのうち、5億回は辻さんのお客様のサイトがヒットするそうです。 日本の検索の約5％に関与しているSEOの専門家・辻さんに、SEOに携わる人々のこれからについて、お話を伺いました。 日本では2022年末よりAIチャットボット「ChatGPT」に注目が集まり、SEO領域においてもますます “AIの活用” が議論されるようになりました。「ChatGPTはGoogleの脅威になる」といった意見も見受けられますが、辻さんはどのように捉えていらっしゃいますか？ 「ChatGPTがGoogle検索に置き換わるかどうか」でいうと、そうはならないだろうと思っています。Googleより部
最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート
最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太（@three4c）です。9月3日（火）にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました！ このイベントの目的はフロントエンドが抱える課題を共有し、フロントエンドについて熱く語る会です。 今回のテーマは「最新のフロントエンド技術 〜夏休み総復習〜」。初心者の方でも理解しやすい内容となっており、デザイナーの私も多くの知見を得ることができました。 ヤフーからは浜田と内藤が登壇し、ゲストスピーカーとしてサイボウズ株式会社より向井 咲人さん、株式会社ディー・エヌ・エーより吉井 健文さんにお話しいただきました。 これからは
タイトルの通り、「CNN（畳み込みニューラルネットワーク）って何よ」とざっくりと質問された時に、自分だったらざっくりとこう説明してあげる、というのをまとめます。 この記事で説明している内容は、以下を元にしているので、よろしければ是非。 Pythonと実データで遊んで学ぶ データ分析講座 作者:梅津 雄一,中野 貴広発売日: 2019/08/10メディア: 単行本（ソフトカバー） なお、スマホのAMPだと、数式がうまく表示されない可能性がありますので、こちらのリンクかPCから読んでいただけると。 まずニューラルネットって？畳み込みニューラルネットワークについて説明する前に、ニューラルネットワークも軽くおさらいしてあげましょう。 脳は入力を受け取ると、以下画像のように各神経細胞が反応しながら処理が次々と行われます。 ニューラルネットワークは、このような脳の神経伝達の働きを数理モデルとして落とし
AMP（Accelerated Mobile Pages）がオープンソースとして立ち上げられてから数年が経ちました。食べログなどの大手Webサービスが対応し、また簡単にAMP対応できるWordPressプラグインが出たことで、今では一般に浸透してきた感じを持っています。 ただ「表示高速化技術」「一瞬で表示する技術」というのは正しくないのでやめませんか？ AMPはWeb Componentsフレームワークまず誤解されがちなのですが、AMPは新たな技術ではなく、Web標準の「Web Components」というAPIを用いて実装されています。AMPのGitHubページにもしっかりと「The AMP web component framework.」（AMPというWeb Componentsを用いたフレームワーク」と掲載されています。 Web Componentsは、再利用可能でカプセル化された
Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入
[レベル: 上級] rel="nofollow" 属性の扱いを Google は変更しました。 従うべき命令としてではなく、手がかりのためのヒントとして利用するようになります。 また、nofollow の派生型として、link タグと用いる 2 種類の rel 属性を新たに導入しました。 nofollow 属性の扱いを変更 rel="nofollow" 属性が付いたリンクを Google はこれまでランキング要因としては利用していませんでした。 PageRank を渡すこともないしアンカーテキストも評価しません。 そして、nofollow 属性を命令 (Directive) として Google は扱い、必ず従ってきました（nofollow リンクが評価されている状況があるという分析もあるけれど、公式見解では nofollow リンクはランキング要因から除外されることになっている）。 今後
「TypeScriptとは」などシングルワードの検索結果に強いTypeScript入門記事の多くに、誤解を招く内容があることを確認しています。 以下にあげる記事を参考にされた方は情報のアップデートをしていただきたいですし、記事を公開しているメディアにおきましては内容を見直していただけるとありがたいです。 TypeScriptならクラスが書ける 「JavaScriptにはクラスがない、TypeScriptにはクラスがある」「ゆえに読みやすい短いコードが書ける」といった記述が見られますがこれは誤解です。 Udemy メディア - TypeScriptとJavaScriptの違い「TypeScriptではクラスの作成ができる」 侍エンジニア - 「TypeScriptでは、JavaScriptでできなかった「クラス」の作成を実現しています。複雑で大規模な開発を行うとき、JavaScriptではコ
モダンなWebフロントエンドの技術とAMP
モダンなWebフロントエンドの技術とAMP モダンなWebフロントエンドのフワームワークやツールとAMPについて紹介します。 リクルートテクノロジーズ兼リクルートライフスタイルのASGチームに所属しているフロントエンドエンジニアの可児です。本記事は、リクルートライフスタイルアドベントカレンダー４日目の記事です。 本記事では、リクルートライフスタイルで取り組んでいる新規Webサービスのモダンなフロントエンド開発に関することとして、Next.jsやAMPについて紹介します。 目次 はじめに モダンなWebフレームワーク React/Next.js TypeScript styled-components AMP AMPとは AMPの開発パターン Next.jsとAMP AMPキャッシュ AMP と 非AMP の共存 検索結果カルーセルとSEO AMPの開発における注意点 まとめ はじめに リク
検索結果からの集客はWebサイトの成果を大きく左右するうえ、SEO対策は日々アップデートされます。Web担当者にとって、SEO対策と効果の継続的な測定や改善は大きな課題ではないでしょうか。 世の中には数百ものSEO対策ツールが存在し、目的に応じて適切に使い分ける、組み合わせることで、費用を抑えながらSEO対策を進められます。今回はより広い範囲でSEO対策に活用できるツールを役割別に紹介いたします。 今回紹介する記事の中には英語のサイトもあり、少し難しく感じるかもしれません。しかしSEOは正解がわからない（Googleが正解を発表していない）ため、1つのツールで全てを対策することはお勧めできません。できるだけ多くのツールや情報源を基に、競合と差別化し、ユーザーにとってためになる情報を発信し、SEO効果を高めていきましょう。 SEO対策ツール：検索アルゴリズムチェック検索キーワードに応じた表示
集客としてのSEOの重要性 個人開発者の多くが悩む、集客。 せっかく作ったのに誰も使ってくれない、というやつです。 集客の手段は様々ありますが、よくあるのが主に以下の５つです。 広告 SNS運用 口コミ SNSにおけるバズ 検索流入(Google, AppStoreなど) この中でもお金がかからず、時間的コストもかけず、運に頼らないもので、 長期的に安定して集客ができるのは「検索流入」です。 SEOはその検索流入を最大化させようという取り組みになります。 対象読者 ツール系のWebアプリの検索流入を増やしたい個人開発者を対象としています。 SEOで検索をするとブログやメディアを対象とした解説記事が多く見つけることができますが、ツール系のWebアプリを対象としている記事は少ないという印象です。 また、内容としては「キーワード選定」と「タイトル、h1タグの設定」という超基本的(でも一番大事だと
若者の“Webサイト離れ”が進む――知っておきたいSEO最新動向と対策ポイント5つ | 【レポート】Web担当者Forumミーティング 2019 Autumn
IT業界の動きは目まぐるしい。2010年代だけをみてもスマホ、ソーシャル、VR、AI、5G、量子コンピュータなど、注目トレンドが次々と生まれている。その一方、ECをはじめとしたインターネットビジネスの中心は1990年代から「Webサイト」が担い続けてきた。だが、「それもいずれ変わっていくだろう」とハートコアの神野純孝氏は話す。 CMSベンダーであり、SEOにも明るい神野氏が「Web担当者Forum ミーティング 2019 秋」に登壇。今後Webサイトはどうなるのか、最新のSEO事情について語った。 将来的に、Webサイトは廃れるのか？Webサイトは、インターネットビジネスの起点となる要素だけに、IT業界のトレンドの影響を大きく受ける。直近では「5G」「AI」「量子コンピュータ」などに注目が集まっているが、これらの実用化・普及が進めば、ECサイトの在り方も当然変わるというわけだ。 サンフラン
「h1タグが複数だとSEOで不利になる？」実際にABテストで検証 | Moz - SEOとインバウンドマーケティングの実践情報
監査やSEOツールで目にしたこれらの推奨事項は、常に議論の的になった。次のような会話が交わされるのだ。 CNNはバカだな、ページ見出しに h2 を使っているよ。使う要素が間違ってる！ 確かにそうだけど、でも今のままで害はある？ 実を言うとわからないんだ 次第にSEO担当者はこうした考え方を捨て去るようになり、 h1 要素は1つだけ使うという厳格な概念は、「ページの冒頭付近に大きなテキストを置く」という考え方に落ちついていった。 グーグルの進化とミューラー氏による公式見解では……グーグルも進化している。たとえば、次のようにだ： コンテンツの分析能力が向上した ページ内の各要素がどう絡み合っているかをより深く理解できるようになった。 そもそも、世の中のWebページには、HTMLマークアップのミスが存在しているものだ。その事実を考えると、使われているタグが h1 であろうと h2 であろうと d
今回はGoogle Search Consoleシリーズで、テーマは「低品質コンテンツ」です。 低品質コンテンツに対してとても神経質になられているお客様が多く、「このコンテンツは低品質かもしれないので、ペナルティを受ける可能性がありますか？」という質問をよく受けます。 その際に回答する内容をまとめましたので、ぜひ参考としてみてください。 低品質コンテンツとは（定義） SEOにおける低品質コンテンツとは、「ユーザーが求めている情報が掲載されておらず、低品質とみなされているコンテンツ」のことを指します。 とあるページが低品質とみなされた場合、Googleはそのページをインデックスせず、結果として検索結果に表示されないことになります。 また、低品質コンテンツがサイト内に存在していると、サイトの評価が下がる原因となってしまうため、SEOに影響があるのであれば、対応をしなければなりません。 低品質コ
2020年以降に必要なSEOの考え方をまとめたチェックリスト41項目 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
もはや常識となりつつありますが、SEOのプロジェクトを行う際の対象範囲は、年々（日増し？）に増えていきます。 各施策についての知識はありつつも、優先順位は適切なのか、抜け漏れはないのか、常に確認を行うことが大事です。そのような場合、対象範囲を網羅したチェックリストがあれば非常に便利です。 今回はSEMrushが作成した、41の項目をまとめたチェックリストを紹介いたします。SEMrushの機能紹介が多めですが、内容も有用なものとなっています。 Googleの検索結果の上位に表示され、オーガニックのトラフィックを増加させる手助けとなるSEOのチェックリストをお探しだろうか。 我々は2020年にSEOで成功を収めるために必要な究極のチェックリストを作成した。あなたが知るべき、41のベストプラクティスを扱っている。 SEOの基本から、オフページのシグナルを分析する際に確実に知っておくべきことまで、
【重要】コアウェブバイタルとは? LCP/FID/CLSをわかりやすく解説【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
ウェブにおけるユーザー体験の向上を目的とした取り組みをグーグルが始めた。「Web Vitals（ウェブ バイタル）」と名付けている。 「バイタル」とは「重要なもの・本質的なもの」という意味で、ウェブ バイタルは「ユーザー体験を良くしていくのに必須の指標に関する総合的なアドバイス情報」として提供していく。 そのウェブ バイタルのなかでも特に重要なものとして、次の 3つの指標を「Core Web Vitals（コア ウェブ バイタル）」として設定している（具体的な基準となる数値は後述する）。 LCP（Largest Contentful Paint） 「最大コンテンツの描画」の意味で、ユーザーの認識としてのページ表示速度を測る指標。 ブラウザの表示範囲内で、最も大きなコンテンツ（画像・動画の初期表示画像・背景画像のある要素・テキストを含むブロックレベル要素など、そのページでメインとなるコンテン
自然検索での流入6倍！ 『いぬのきもち ねこのきもち』のSEO施策「ストックコンテンツの作り方」 | 【レポート】デジタルマーケターズサミット2019 Summer
通信教育・出版事業で知られるベネッセコーポレーションは、人気雑誌『いぬのきもち』『ねこのきもち』の発行も行っている。当初は雑誌の販促目的で立ち上げたWebサイト「いぬのきもち ねこのきもち WEB MAGAZINE」であったが、雑誌以外の事業拡大に向けて運営方針を転換。それに伴い、新ドメイン「いぬのきもち WEB MAGAZINE」「ねこのきもち WEB MAGAZINE」をローンチ、SEO施策に取り組み始めた。 そのパートナーとなったのがSEOツール「MIERUCA（ミエルカ）」を提供するFaber Companyである。「デジタルマーケターズサミット 2019 Summer」では、ベネッセコーポレーションの持田氏とFaber Companyの白砂氏が共に進めた施策の成果を振り返った。 SEO施策に向いているものとそうでないものベネッセコーポレーション（以下、ベネッセ）が運営するWebメ
30分以内に結果が出る高度なSEOテクニック ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEOの施策は数あれど、施策の効果が反映されるまではある程度の期間が必要となる場合がほとんどです。 今回の記事はFAQとQ&Aのリッチリザルトについての記事となりますが、たしかにこの施策であれば、効果が反映されるまでの期間は比較的短いと言えるでしょう。ニール・パテル氏いわく、「30分以内で結果が出る」とのことですが、果たしてその内容はいかに。 実装における注意点や、構造化データのテンプレートまで提供されており、非常に興味深い記事となっております。 私はとあるSEOの新しい施策に取り組んでいる。そして、その施策は新しいサイトであろうが、古いサイトであろうが、効果的な施策となっている。 あなたのサイトがほとんどリンクを獲得していなくても、効果が得られる施策だ。 この施策の最も優れている点は、他のあらゆるSEOの施策と異なり、結果を得るまでに数ヶ月も数年間も必要としない点だ。実質的には、30分以
Googleのジョン・ミュラー氏による、57のSEOについてのアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEOの情報は日々、誰かが、どこからか発信しておりますが、Googleからのアナウンスは特に注意して追っていきたいものです。特に、ジョン・ミュラー氏は、Q&A動画やTwitterなどで有益な情報を発信してくださっています。今回の記事は、ジョン・ミュラー氏によるアドバイスの中でも特に重要なものをまとめたSearch Engine Journalの記事を紹介いたします。 この記事は、Googleのサーチ・アドボケートのジョン・ミュラー氏によるアドバイスの総まとめである。これらを参照し、ぜひ、あなたのSEOに関する知識に磨きをかけていただきたい。 Googleのサーチ・アドボケートとして、ジョン・ミュラー氏は多くのSEOに関するアドバイスを共有してくれている。その量は、全てを把握することに困難が生じるほどだ。 毎週、ミュラー氏は、SEOの担当者に手を差し伸べており、Q&Aセッションで多くの質問に
Service Workerがもつ圧倒的な力。SEO担当者は変化に適応が必要 | Moz - SEOとインバウンドマーケティングの実践情報
PWA、SPA、Service Workerとは？（前編で解説）SPAを可能にするApp Shellアーキテクチャ（中編で解説）Service Workerがもつ圧倒的な力まとめ3. Service Workerがもつ圧倒的な力最初にはっきりさせておきたいことがある。それは、ここまでで解説してきた「SPA」と、ここから取り上げる「Service Worker（サービス・ワーカー）」は、互いに排他的なものではないということだ。 つまりこの2つは共存するものだということだ。どちらもPWAと呼ばれるものの基盤となっているが、SPAではないPWAをつくることも可能だし、従来の静的なウェブサイト（クライアントサイドでレンダリングする処理がないサイト）にService Workerを統合することもできる（近い将来、そのようなサイトが増える僕は思っている）。 さらに、Service Workerはウェブ
「Web集客」はWebマーケティングの中でも特に重要な項目で、うまく集客できれば売上の増加にも直結しますので、現代ビジネスにおいて欠かせないスキルの一つですよね。 従来までの紙媒体の広告・看板などの宣伝方法と違い、Web集客は低価格で大きな成果を上げることも期待できます。 SEO、SNS、PPCなど、Web集客の種類も多岐にわたり、覚えることも多くあるので難しく感じてしまうかもしれませんが、この記事では今からWeb集客を始める初心者でもわかるように、丁寧に解説していきます。
あけましておめでとうございます、@1000chこと泉水翔吾です。2019年に続いて、2020年のWeb標準技術について寄稿します。今年は、Webコンテンツの配信の形を拡張するWeb PackagingとWebにおける認証の形を変えるWeb Authenticationについて取り上げます。 Web Packagingを使った新たなコンテンツ配信の形 現在Web Packagingという仕様の策定が進んでいます。Web Packagingは、Webのコンテンツの可搬性を高める技術仕様で、コンテンツを配布元が署名して改ざんされていないことを保証したり、複数のリソースを一つにまとめたりすることを実現します。Web Packagingは以下の3つに分類されます。 Signed HTTP Exchanges：単一のHTTPリクエストとレスポンスに対して署名する Web Bundles（旧Bundle
[レベル: 中級] 検索ユーザーのユーザー体験を向上させるための画像の最適化をコツを Google の John Mueller（ジョン・ミューラー）が Twitter の一連の投稿で共有しました。 PSA: If you change your image URLs, and you care about Image Search, remember to redirect them. While tweaking my site, I noticed PSI suggesting to change some of my image formats, and realized it's worth mentioning this again. pic.twitter.com/gDHAqJB6eC — 🍌 John 🍌 (@JohnMu) May 1, 2021 この記事では、それら
Intro 依存コンテンツを 1 つにまとめて配信する WebBundle の仕様策定と実装が進んでいる。 これは Signed HTTP Exchange と合わせて WebPackaging を実現するための仕様であり、組み合わせれば WebBundle に対して署名することでコンテンツの配信を通信と分けて考えることができる。 Signed HTTP Exchange に比べると格段に簡単な仕様なので、現状のフォーマットと挙動について解説する。 draft-yasskin-wpack-bundled-exchanges-latest WebBundle かつて Bundled HTTP Exchanges と呼ばれていた仕様であり、複数のコンテンツを 1 つにまとめ、配信することができる。 例えば index.html とそれが依存する css/js/favicon etc を 1 つ
SEOのエキスパートを目指すために最適な21の方法 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
「SEOのエキスパート」という肩書を考えるにあたり、そもそも検索アルゴリズムがブラックボックスであることや、対象範囲が拡大の一途を辿るという状況を考えると、どの段階までいけば「SEOのエキスパート」と呼べるのか、なかなか定義が難しいです。 もちろん、他の業種もそうではありますが、自分自身の力量を把握する際、悩ましい気持ちになったりします。 今回の記事は、「SEOのエキスパートになる方法」という記事ですが、自身のスキルアップを図る際の指針となりそうな内容です。初心者の方にはもちろん、中級者以上の方にも、SEOのレベルアップの参考になればと思います。 あなたはSEOのエキスパートを目指したいと考えているだろうか。 もしそうであるならば、それは素晴らしいことだ。 この記事では、真のSEOのエキスパートになるために、あなたが知るべき21の項目を紹介する。 あなたがSEOのエキスパートになることを望
Next.js 9
After 70 canary releases we are pleased to introduce Next.js 9, featuring: Built-in Zero-Config TypeScript Support: Build your application with increased confidence, thanks to automatic TypeScript support and integrated type-checking. File system-Based Dynamic Routing: Express complex application routing requirements through the file system without the need for a custom server. Automatic Static Op
そろそろ正社員としてのエンジニア業務歴も2年と3ヶ月ほどになりそうです。 最近は数字を見ての開発だとか、データ・ドリブン開発が主流になってきて、その度に現れるマーケ用語たち。会議で聞いては必死にググって覚えたり、恥を忍んで聞いてみたりしてます。 そんな用語をまとめたら便利かなと思ったのでまとめてみました！（意味や解釈が間違ってたら、コメントで教えてもらえるか、TwitterのDMとかで教えてもらえると嬉しいです！）マーケじゃない用語も含まれてるかも！ 1. KGI事業部全体会議で絶対聞く言葉！私の認識では、大きい目標！って感じなのですが、きちんと説明すると、 Key Goal Indicatorの略。重要目標達成指標という意味。 売上高、成約数、利益率とかが当てはまるらしいです。事業部達成目標的な。 2. KPIこれもよく聞く。その改善のKPIって何だっけみたいに聞かれる。 Key Per
WordPressプラグインとしてSite KitをGoogleが正式公開、WPからSearch Consoleのレポートを確認可能
[レベル: 中級] Google は WordPress のプラグインとして Site Kit を正式リリースしました。 Site Kit を利用すると、Search Console や Google アナリティクスなどの Google のツールによるレポートを WordPress のダッシュボードから確認できます。 Site Kit はベータ版としてこれまでは提供されていました。 Google のサイトから直接ダウンロードしてインストールしました。 正式公開となったので、WordPress の公式プラグインディレクトリから今はインストールできます。 インストールは簡単、WP ダッシュボードから SC のレポートをチェック Site Kit の利用方法は難しくありません。 手順を簡単に説明すると次のようになります。 インストール Google アカウントにアクセス権付与 AdSense・G
AMPを導入するとアクセスが減る？AMP（アンプ）というのは、スマホからブログを見たときに表示を高速化するための仕組みです。 WordPressでCocoonテーマを使っている人は、 Cocoon設定 ＞ 「AMP」タブ の中にある「AMP機能を有効化する」にチェックを入れるだけでAMPが使えるようになります。 AMPページでは軽量化のためにJavascriptが使えません。 そのため、通常のGoogleアナリティクスではAMPページへのアクセスを計測できません。 その結果、AMPを導入するとAMP導入前に比べて急激にアクセスが減ったように見えてしまいます。 （計測ができていないだけで、アクセス自体は発生しています） そこで、AMP導入後には、AMPページのアクセスを計測するための特別な設定が必要になります。 設定は、GoogleアナリティクスとGoogleタグマネージャーを使って行います
こんにちは！エイチーム引越し侍でインハウスSEO担当をしています、@tatechiです。 突然ですが、最近グーグル検索をして、「検索結果がゴージャスになってる！」と思うことはありませんか？ たとえば、「トマトパスタ レシピ」で検索したとき。 検索結果にトマトパスタの写真が出ていて、サイト名にアクセスしなくてもどんなトマトパスタを作るためのレシピがわかるようになっています。 「少し前はタイトルとディスクリプションしか出ていなかったのに…」と思うと、めちゃくちゃ豪華な検索結果になりましたよね？！ このゴージャスな検索結果のことをその名の通りリッチリザルトといいます。 これは全部、構造化データマークアップのおかげです そして近年、SEO界隈ではこの構造化データマークアップが盛り上がっています…！ 今回はエンジニアが最低限知っておくべき構造化データマークアップの基礎を紹介します。 検索エンジンのト
404このページはすでに削除されているか、URLが間違っている可能性があります。
Firefoxがウェブの未来のために戦う理由とは？
by geralt ブラウザのシェアは2019年時点でGoogle Chromeが2位と大きな差を付けて断トツの1位となっています。2位となっているFirefoxは、これまでの歴史の中で盛衰を味わってきましたが、近年は「マーケットシェア」のためではなく「ウェブの未来」のための戦いを行っているとのこと。Firefoxの直面する戦いを、開発元のMozilla会長であるミッチェル・ベーカー氏が語っています。 Firefox’s fight for the future of the web | Technology | The Guardian https://www.theguardian.com/technology/2019/nov/17/firefox-mozilla-fights-back-against-google-chrome-dominance-privacy-fears Mo
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![スパマーを憐れむ歌 | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/e525ea2fe41005fac06b8e02bd5cebe0def2f069/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F04%2F1_ER380CaGdNyTeVRr4EEu_A.jpg)
「SEOに強いHTMLの書き方」についての個人的な見解
趣味でWebサービス作ったと思ったら、時が10年過ぎてた話｜yositosi｜note
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
Googleが答えた「SEOにまつわる都市伝説」まとめ【Webmaster Conference】 | WEMO
本サイトの AMP 提供の停止とここまでの振り返り | blog.jxck.io
「Google 砲」を生み出す「Discover」とは何か - Media × Tech
「CNNって何よ」って聞かれたら、とりあえずこう説明してみたら？という話 - Np-Urのデータ分析教室
AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。｜榊原昌彦
SEOに強いTypeScript入門記事がミスリードを招いていて絶望しかけた - Qiita
【2022年3月最新版】SEO対策ツール65選｜役割ごとに徹底紹介！
個人開発したWebアプリに基本的なSEOを実践したので全部書く - Qiita
Search Consoleで「低品質コンテンツ」を見つける方法と対処方法 - アイオイクスの社員ブログ
Web集客の種類と方法！インターネットでサイト流入を増やす施策
2020年のWeb標準 | gihyo.jp
SEO担当者向け PWA・SPA・Service Worker 超入門。もう「JavaScript苦手」なんて言ってられない | Moz - SEOとインバウンドマーケティングの実践情報
Googleのジョン・ミューラーが画像SEOのTIPSを共有
WebBundle によるコンテンツの結合と WebPackaging | blog.jxck.io
エンジニアになってから聞いて、必死にググったマーケ用語などをまとめみた｜yuzu.
Googleアナリティクス、AMPページのアクセスを計測する方法
【エンジニアも最低限知っておきたい！】構造化データマークアップ入門 - Qiita
見つかりませんでした | Zenn
www.tokyo-np.co.jp
univ-journal.jp
koubodatabase.com
togetter.com
www.asahi.com
jp.news.gree.net