管理サイトのコンテンツをAppleがAI学習に利用するのを防ぐ方法
[レベル: 上級] 管理するウェブサイトのコンテンツが AI の学習に利用されないようにする方法を Apple は提供しました。 Applebot-Extended を新規導入 Applebot-Extended というユーザーエージェントのクローラを Apple は新たに公開しました。 Applebot-Extended について、Apple は次のように説明しています。 Appleは、二次的なユーザーエージェントである Applebot-Extended を導入しており、これによりWeb発行者は、Apple がウェブサイトのコンテンツをどのように使用できるかについて、より詳細な制御が可能になります。 Applebot-Extendedを使用することで、ウェブ発行者は、Apple Intelligence、サービス、開発ツールなどの Apple 製品全体で生成 AI 機能を強化する Ap
Next.js + TypeScriptで簡単なSEO対策をしてみる
概要 Next.js + TypeScriptプロジェクトで出来る超シンプルなSEO対策をご紹介します。 デプロイ先はVercelとなります。 今回は、Open Graph Protocolを利用してSNSでシェアするときに画像付きに出来てリッチな感じに出来るようになりましょうの回です。 SEO対策は多岐に渡り、飛びつける最適解がないので迷いますよね・・・・(´･ω･`) SEOとは Search Engine Optimization(検索エンジン最適化)の略称になります。 Webサイトを上位表示させる為に不可欠な項目です。 Open Graph Protocolとは Open GraphはFacebookによって作成されたプロトコルです。 Open Graphを使用すると、Webページのコンテンツを最適化して、ユーザーがメインのソーシャルネットワークFacebook、Twitter、L
React で h1-h6 を正しく使い分ける
Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。 この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を３つずつご紹介します。 尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。 前提知識 読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか？ 大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は 「見出し要素」 と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて
Googleウェブマスター向けガイドラインが刷新し、Google Search Essentialsに
[レベル: 初級] Google は、ウェブマスター向けガイドラインの名称を変更し、構成を刷新しました。 名称変更 まず、ウェブマスター向けガイドラインの名称を変更しました。 2020 年 11 月に Google は、「ウェブマスター」という呼称の使用をやめました。 にもかかわらず、ウェブマスター向けガイドラインには「ウェブマスター」が依然として残っていました。 ウェブマスター向けガイドラインに相当する新しいドキュメントの名称は「Google Search Essential」です。 📝すずき補足: この記事を書いている時点で日本語版はまだ公開されていないので、日本語名がどうなるかは不明。そのまま「Google 検索エッセンシャル」になるか、完全訳して「Google 検索の本質」にみたいになるか。 【UPDATE (2022/10/18)】 日本語ドキュメントでは「Google 検索の
モバイル検索結果にサイト名を表示する機能をGoogleが正式導入、構造化データでサイト名を指定可能
[レベル: 中級] モバイル検索結果にサイト名を表示する機能を Google は正式に導入しました。 関連する技術ドキュメントも検索セントラルサイトに公開しています。 こちらのキャプチャのように URL の上にサイト名が表示されます。 この記事では、モバイル検索のサイト名表示に関して、僕が個人的に特に重要だと感じた内容を解説します。 日英ほか 4 か国語で導入 モバイル検索の結果で URL の上にサイト名を Google が表示し始めていることを 9 月初めにこのブログで紹介しました。 このときはテスト機能なのか正式機能なのかがはっきりしなかったのですが、今は正式な機能として導入されています。 次の 4 言語のモバイル検索でサイト名が現状では表示されます。 日本語 英語 フランス語 ドイツ語 グローバルではなく言語を限定して公開した機能に、日本語が含まれているのは嬉しいですね。 サイト名を
構造化データで複数アイテムをマークアップする際のガイドラインをGoogleが更新。ネストするか@idで関連付けする
[レベル: 上級] 1 つのページで、複数のアイテム（タイプ）を構造化データでマークアップする際の注釈を構造化データのガイドラインに Google は追加しました。 関連するエンティティのタイプはネストするかもしくは @id で関連付けます。 一方で、独立したエンティティは個別にマークアップできます。 複数タイプをネスト たとえば、解説動画付きのレシピの構造化データは次のようにマークアップできます。 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "バナナブレッドのレシピ", "description": "とっても美味しいバナナブレッドのレシピ", "image": "http://example.com/banana-bread.jpg
商品構造化データでマークアップすればMerchant Centerなしで検索結果に商品掲載できるように
[レベル: 中級] 商品 (Product) の構造化データの機能を Google は拡張しました。 次の 2 つの拡張です。 マーチャント リスティングでの掲載 Search Console の新しいレポート マーチャント リスティングでの掲載 Product 構造化データでマークアップした商品は、一部のショッピング広告枠に掲載されるようになりました。 表現を変えると、Google Merchant Center（マーチャントセンター）経由で広告掲載していた場所に、（Merchant Center への登録なしで）商品を掲載できます。 たとえば、[ショッピング] タブの無料リスティングです。 【UPDATE (2022/11/11)】 [ショッピング] タブは対象外です。詳しくは訂正記事をお読みください。 ナレッジパネルにも掲載されます。 人気商品にも掲載されます。 ほかには、画像検索や
ヤフー全社横断「Webパフォーマンス改善」の取り組み (Core Web Vitalsスコアの向上)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、第11代黒帯（ヤフー内のスキル任命制度／Webフロントエンド領域）の浜田（@narirow）です。今回はヤフー全社で実施してきた、「Webパフォーマンス改善プロジェクト」についてお話ししたいと思います。 長期に渡る活動の結果、多くのサービスのWebパフォーマンスが徐々に向上しています。この記事では、取り組みの経緯や、多くのサービス分析を通してわかったコスパの良い施策（比較的簡単に実施できてスコアも上がりやすい施策）などをご紹介します。 全社横断でWebパフォーマンス改善を実施する経緯 さかのぼること2021年、Googleから以下のような案内がありました。 「Core Web VitalsがGoogle検索の検索順位に
SEOに取り組むなら活用必至のツール14選【現役コンサルタントに聞いてみた】 -webma-
SEOに取り組むなら活用必至のツール14選【現役コンサルタントに聞いてみた】COLUMNS 2022/07/20 2023/02/02 SEO こんにちは、Webma編集部ライターの具志堅です。 いつもWebmaをご愛読いただき、ありがとうございます！ 今回は、おすすめツール紹介企画の第2弾です。 第1弾の「広告編」では、多くの方に記事を閲覧・シェアいただきました。 広告担当者なら使いこなしたい！業務効率化ツールをマーケターに聞いてみた【9選】 -webma- 今回は「SEO編」ということで、弊社のSEOコンサルタントが日々の業務で重宝しているツールを聞いてみました。 無料のもの・有料のものありますが、どれもSEOに携わるなら使いこなしたいツールとなっています。 「こんなときに使う」「ツールのここが良い！」という現役SEO担当者のコメントも記載しているので、ぜひ気になるツールだけでもチェッ
noindexとrel=canonicalの両方が設定されたページをGoogleはどのように処理するのか？
[レベル: 上級] noindex robots meta タグと rel="canonical" タグの両方が設置されたページを Google はどのように扱うのでしょうか？ 定まっていない もう 4 年も前になりますが、noindex と rel="canonical" が同時に使われている場合の Google の処理を尋ねる質問が Reddit に投稿されました。 Google の John Mueller（ジョン・ミューラー）氏は回答の中で次のようにコメントしています。 （noindex と rel="canonical" の両方がある場合は）通常は、rel="canonical" を選択し、noindex よりも優先して利用する rel="canonical" が優先されるというのです。 noindex が設定されているページは評価対象から外れると僕は理解していたので、ミューラー
画像サイトマップと動画サイトマップのいくつかのタグのサポートをGoogleが終了予定
[レベル: 上級] 画像サイトマップと動画サイトマップで利用できていたタグのいくつかのサポートを Google は終了します。 検索セントラルの公式ブログでアナウンスが出ています。 2022 年 8 月 6 日以降は効力がなくなるタグ 画像サイトマップと動画サイトマップでサポートを終了するタグは、それぞれ次のとおりです。 画像サイトマップ caption geo_location title license 動画サイトマップ category player_loc[@allow_embed] player_loc[@autoplay] gallery_loc price[@all] tvshow[@all] サポート終了は 2022 年 8 月 6 日です。 この日以降は、これらのタグを Google は無視するようになります。 つまり効力を持ちません。 すぐの対応は不要、将来的に警告対象
個人開発したWebアプリに基本的なSEOを実践したので全部書く - Qiita
集客としてのSEOの重要性 個人開発者の多くが悩む、集客。 せっかく作ったのに誰も使ってくれない、というやつです。 集客の手段は様々ありますが、よくあるのが主に以下の５つです。 広告 SNS運用 口コミ SNSにおけるバズ 検索流入(Google, AppStoreなど) この中でもお金がかからず、時間的コストもかけず、運に頼らないもので、 長期的に安定して集客ができるのは「検索流入」です。 SEOはその検索流入を最大化させようという取り組みになります。 対象読者 ツール系のWebアプリの検索流入を増やしたい個人開発者を対象としています。 SEOで検索をするとブログやメディアを対象とした解説記事が多く見つけることができますが、ツール系のWebアプリを対象としている記事は少ないという印象です。 また、内容としては「キーワード選定」と「タイトル、h1タグの設定」という超基本的(でも一番大事だと
フッターデザインの参考事例11選と注意点を現役デザイナーが解説【2024年10月最新版】 | Web幹事
・著作権表記や会社名など、どのようにフッターをデザインすればいいのか？ ・ページ数が膨大な場合、全部のページリンクをフッターに設置するべきか？ デザインや情報設計が意外と難しいフッター。何のためのサイトなのか、ホームページの目的によっても最適なデザインは変わってきます。 そこで、ホームページをリニューアルする際にチェックしたい参考サイトや、フッターのデザインのポイントなどをまとめました。ぜひ参考にしてください！ ※無料でダウンロードできるWebサイト制作事例集をご用意しています。こちらもあわせてご活用ください。 Webサイト制作事例をまとめました WEBサイト制作・リニューアル事例集 この資料では以下の内容を紹介しています。 「WEBサイト新規制作事例集」 「WEBサイトリニューアル事例集」 無料でダウンロードする 【無料】Web幹事に相談する フッターの参考デザイン11選！ まずはフッタ
グーグル直伝！ CSSとウェブフォントのコア ウェブ バイタル最適化テクニック【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
CSSを少し変えるだけでコア ウェブ バイタル（CWV）を改善できるとしたら？ 「無理でしょ」と思うかもしれないが、けっこう使えるテクニックをグーグルが解説してくれている。 また、今回はさらに「利用していないJavaScriptを削除して、CWV改善＋セキュリティ」という話題もピックアップしている。 少し技術的なトピックだが、知っておいて損はないネタだ。 ほかにも、「コア アルゴリズム アップデートが来たけど来月も来る」「ファーストビューで見えるコンテンツ」「インデックス制限」「リンク否認」などなどなど、あなたのSEOとWebサイト運営に役立つ情報をまとめてお届けする。 2021年初のコア アップデートをグーグルが6月に実施、2部構成の後半は7月に予定ファーストビューでは各ページ固有なコンテンツを見せるべきグーグルのインデックスするページ数に上限はあるのか？不自然リンクへの対処はリンク否認
Google検索向けECサイトのベストプラクティスが公開される
[レベル: 上級] Google は、検索セントラルサイトの上級者向け SEO セクションに EC サイトのベストプラクティスを追加しました。 Google 検索で EC サイトのプレゼンスを高める方法 追加されたばかりなので、日本語ページはまだ公開されていません。 英語ページのタイトルは “Best practices for ecommerce in Google Search” です。 日本語に直すと「Google 検索における eコマースのベストプラクティス」になるでしょうか。 【UPDATE (2021/10/04】 日本語ページも公開されました。 ベストプラクティスには、EC サイトがGoogle 検索でプレゼンスを高めるためにできること、やるべきことがまとめられています。 次のトピックで構成されています。 Where ecommerce content can appear
Web Vitals patterns | Patterns | web.dev
Stay organized with collections Save and categorize content based on your preferences. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores. Use the code in these examples to help ensure your projects stay on the right track. ��u��U �����U �=���U We want to help you build beautiful, accessible, fast, and secure websites that work cross-br
Chromeデベロッパーツールが日本語🇯🇵をサポート、CWV改善に必須のツールを日本語で使えるように
[レベル: 上級] Chrome 94 のデベロッパーツールが日本語を含む 80 以上の言語で利用できるようになります。 デベロッパーツールを日本語で使う デベロッパーツールを日本語で表示にするには、右上にある歯車アイコン⚙️から言語設定を変更します。 [Language] という項目があります。 ここから [Japanese – 日本語] を選びます。 もしくは [Browser UI Language] を選択すると Chrome 本体で設定している表示言語に合わせられます。 Chrome を日本語で使っていれば、それに合わせてデベロッパーツールの UI も日本語になります（ブラウザ全体の言語とデベロッパーツールの言語は独立している）。 Chrome 94 でデベロッパー ツールを初めて起動したときに、言語変更ができるようになったことを通知するバナーが出てくるかもしれません。 言語を変
【上級編】Core Web Vitals。テクニカルSEOガイド。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
すでに至る場所で話題となっている通り、Core Web Vitalsの各指標がランキング要素に組み込まれる、ページエクスペリエンスアップデートが間もなく導入される予定です。2021年6月中の展開を予定されていますが、Googleとしては、「劇的に順位が変更されるアップデートではない」とアナウンスしています。検索結果での順位もそうですが、何よりユーザー体験に焦点を当てた場合、改善を進めたい領域です。今回は、Core Web Vitalsの各指標を詳細に解説した、Search Engine Journalの記事を紹介します。 テクニカルSEOの専門家は、ユーザーを中心としたより良い体験の構築ために、Webサイトを診断し、ソリューションを提供する必要がある。この記事では、CWVを改善するために必要な知識を紹介する。 ユーザーは優れたWebの体験を欲している。実際に、それはどういったものなのだろう
【無料ダウンロード】「Google Search Console実践マニュアル」をリリースしました ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
6/29 11:34 リリース後20分ほど、ダウンロードいただけない事象が発生しておりました。 現在は問題なくダウンロードいただけます。大変ご迷惑をおかけいたしました。 こんにちは、SEO Japan編集部です。 この度、ホワイトペーパー「Google Search Console実践マニュアル」（全107ページ）を作成・リリースしましたのでお知らせいたします。 ※ダウンロードはこちらから GoogleサーチコンソールはWebサイトのSEO改善に欠かせないツールではありますが、一見するとどの項目を見て良いのかわからないほど、項目の多いツールです。 今回はGoogleサーチコンソールのカバレッジに着目し、エラー項目の意味やその解消方法をまとめた資料を作成いたしました。 SEOには大きく分けて、コンテンツ・テクニカル・外部評価の獲得の３つの施策がありますが、特にテクニカルに着目した内容となって
HTTPステータスコードをGooglebotはどのように処理するのか？ Googleが詳細に解説
[レベル: 上級] HTTP ステータスコードとネットワーク/DNS エラーに関する技術ドキュメントを Google は検索セントラルサイトに新規に公開しました。 この記事では、概要と、特に重要な部分を紹介します。 Google 検索での HTTP ステータスコードの扱い HTTP ステータスコードの定義は RFC 7231 などで定められています。 しかしながら、Google 検索は独自の扱いをすることもあります。 Googlebot がウェブをクロールしてきたなかで最も多く返された 20 種類のステータスコードの扱いをドキュメントは説明しています。 2xx/3xx/4xx/5xx の最終的な扱いは基本的に同じ ステータスコードは次の 4 つのカテゴリに大別できます。 200 番台 (2xx) 300 番台 (3xx) 400 番台 (4xx) 500 番台 (5xx) 基本的に、それぞ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
