並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 35 件 / 35件

新着順 人気順

ファビコンの検索結果1 - 35 件 / 35件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

ファビコンに関するエントリは35件あります。 faviconwebSVG などが関連タグです。 人気エントリには 『2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要』などがあります。
  • 2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要

    最近のデバイスやブラウザに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。 ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を作成する方法について紹介します。 How to Favicon in 2024: Six files that fit most needs by Andrey Sitnik Sitnik氏は、PostCSS, Autoprefixer, NanoIDの制作者です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2024/2/28: 元記事がアップデートされたので、当記事もアップデートしました。 はじめに ファビコンの設定方法 -ショートバージョン ファビコンの設定方法

      2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要
    • 最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる

      ブラウザのタブやブックマークに表示される「Favicon(ファビコン)」は、ウェブサイトを印象づける重要な要素です。そんなファビコンを作成しウェブサイトに表示させる最新の方法について、フロントエンドエンジニアのAndrey Sitnik氏が解説しています。 How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs ファビコンは2000年代初頭に生まれたコンセプトで、インターネットに公開するウェブサイトはファビコンを備えているべきだとSitnik氏は主張。しかし、ウェブサイト

        最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる
      • 2024年のファビコンを極める: 本当に必要なファイルはほぼ6つ(翻訳)|TechRacho by BPS株式会社

        はじめに モダンブラウザで使われるファビコンの作り方を見直して、今こそアイコン生成であくせくするのを終わりにしましょう。昨今のフロントエンド開発者は、ブラウザタブやらタッチ画面やらにWebサイトの小さなロゴを表示する、ただそれだけのためだけに静的なPNGファイルを20個以上扱わなければなりません。よりスマートな方法で、現代のニーズに合う最小限のアイコンセットを使う方法を紹介します。 ファビコンは見かけよりもずっと幅広く奥深いトピックで、実は誰もがファビコンについてしっかり学びたいと思っていることもわかってきました。本記事全体の内容を実質わずか2行のスニペットに凝縮したものも紹介していますので、今ファビコンで苦しんでいる方は(正確な使い方をご存知なら)そちらをお使いいただけますが、そこをぐっとこらえて記事を最後までお読みいただくことをおすすめいたします。 🔗 忙しい人向け: ウルトラショー

          2024年のファビコンを極める: 本当に必要なファイルはほぼ6つ(翻訳)|TechRacho by BPS株式会社
        • SVG形式のファビコンを設置しよう

          2022年4月27日 SVG, Webサイト制作 つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません!やったね!少し工夫すればダークモードにも対応できますよ!さっそくみていきましょう! ↑私が10年以上利用している会計ソフト! SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと

            SVG形式のファビコンを設置しよう
          • 42万5909個のファビコンを分析して分かった「知られざるファビコンの事実」とは?

            モバイル版Googleの検索結果や、ブラウザのタブの端などに表示される「Favicon(ファビコン)」は、ウェブサイトを印象付けるための重要な要素です。このファビコンの実装方法は業界標準が定まっておらず、各サイトごとにファイルサイズやファイル形式などが異なります。そんな中、10万のウェブサイトから42万5909個に及ぶファビコンを収集し、その特徴をまとめたレポートが公開されています。 We Analyzed 425,909 Favicons • iconmap.io https://iconmap.io/blog ◆収集結果 レポートの執筆者は、収集した42万5909個のファビコンを以下のページで公開しています。 We Analyzed 425,909 Favicons https://iconmap.io/ ファビコン一覧ページの左上には検索窓が用意されています。GIGAZINEのファビ

              42万5909個のファビコンを分析して分かった「知られざるファビコンの事実」とは?
            • 絵文字をファビコンとして表示する簡単な方法

              2021/5/17追記 2021年5月現在、Safariではこの方法に対応していません。Safari用に別途ファビコンを用意する必要があります。 ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペすればファビコンとして絵文字が表示されます。 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text x=%2250%%22 y=%2250%%22 style=%

                絵文字をファビコンとして表示する簡単な方法
              • ブラウザのFavicon(ファビコン)でユーザーを追跡する「スーパークッキー」とは?

                ブラウザのタブなどに表示されるFavicon(ファビコン)は、サイトのシンボルとして重要なアイコンです。しかし、このファビコンにはCookie(クッキー)のようにユーザーを追跡可能な「スーパークッキー」の問題が潜んでいると、研究者らが警鐘を鳴らしています。 Tales of Favicons and Caches – Persistent Tracking in Modern Browsers (PDFファイル)https://www.cs.uic.edu/~polakis/papers/solomos-ndss21.pdf supercookie • workwise https://supercookie.me/workwise ファビコンとは、サイトのシンボルマークとしてタブやURLの隣などに表示される小さなアイコンのことです。 イリノイ大学シカゴ校のセキュリティー研究者らは2021

                  ブラウザのFavicon(ファビコン)でユーザーを追跡する「スーパークッキー」とは?
                • Web制作にすごい役立つ! コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean

                  CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、各種PDF変換など、Web制作に役立つツールがまとめて利用できるToolsOceanを紹介します。 便利なツールが一箇所で利用できるので、ブックマークしておくと便利です。 ToolsOcean ToolsOceanは完全に無料で利用できるオンラインツールが、たくさん用意されています。登録など面倒なことは一切ありません。 いくつか使用してみました。まずは、CSSの軽量化。 CSSだけでなく、HTML、JavaScriptの軽量化、整形も揃っています。

                    Web制作にすごい役立つ! コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean
                  • ずぼらな私の2023年のファビコン事情(SVGでダークモード対応)

                    2023/05/03: 下部にさらにズボラな案を追加、FAQも追加しました。 デモサイトを作りました。リポジトリはこちら。 favicon(ファビコン)てなに? みんなだいすき、ブラウザのタブの妖精、この小さいアイコンたちです。 サイトに設定されているファビコンをチェックするには Chrome だと Favicon Detector 拡張を使うと便利。ぜひインストールしていろんなサイトを見てみてくださいね! こちらは Spotify のファビコンを Favicon Detector 拡張でチェックした例です。 ところでファビコン、こんなにいる? つらつらと…長い…全部いるのこれ? <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-tou

                      ずぼらな私の2023年のファビコン事情(SVGでダークモード対応)
                    • ファビコンを簡単に作成できる無料ツール!テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io

                      数回 or 1クリックするだけで、デスクトップ・タブレット・スマホに適した複数サイズのファビコンを簡単に生成できる無料オンラインツールを紹介します。 ファビコンは、テキスト・画像・絵文字から簡単に生成でき、日本語や自分の画像からでも生成できます。また、複数の画像サイズ・フォーマット、それらの実装コードも生成してくれる優れものです。

                        ファビコンを簡単に作成できる無料ツール!テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io
                      • SVGファビコンのカラーをダークモード時にCSSで変更できるの知ってた?

                        ダークモードに対応している時に、SVGファビコンのカラーをCSSで変更するテクニックを紹介します。 当ブログはダークモードに対応していませんが、ダークモードの周りもいろいろ充実してきましたね。 画像: ツイートより 元ネタは、下記ツイートからです。 💡 Change the color of your favicon when dark mode is enabled.#codyhousenugget pic.twitter.com/Hie9Pgt9MQ — CodyHouse (@CodyWebHouse) July 7, 2020 ファビコンをSVG画像にする利点は、スクリーンの解像度を気にすることなく、1つのファイルでファビコンを提供できることです。対応ブラウザはIEを除く、すべての主要なブラウザでサポートされています。

                          SVGファビコンのカラーをダークモード時にCSSで変更できるの知ってた?
                        • ファビコンを環境ごとに変えると分かりやすい(Next.js, Vue3, SvelteKit, Astro) - Qiita

                          ファビコンを環境ごとに変えると分かりやすい(Next.js, Vue3, SvelteKit, Astro)faviconVue.jsastroNext.jsSvelteKit 「開発環境」「プロダクション環境」などごとにファビコンを変えておくと、パッと見てわかりやすい 絵文字をファビコンに設定できる Next.js, Vue3, SvelteKit, Astro での実例を紹介した そもそもFavicon(ファビコン)って? ウェブページのアイコンです。ブラウザでページを開いたときに、タブなどに表示されていたりします: Favicon - Wikipedia File:Wikipedia favicon in Firefox on KDE (2023).png - Wikipedia ファビコンの設定方法 pngなどの画像や、SVGファイルを用意して、それをHTMLのhead内で指定しま

                            ファビコンを環境ごとに変えると分かりやすい(Next.js, Vue3, SvelteKit, Astro) - Qiita
                          • 【ファビコン設定】わたしのパソコン嫌いとヒメちーの食べ物嫌い。

                            ファビコンの設定って簡単?ファビコンと言うのを設定してみました。 プラムさんが、コメントで設定してみては?と勧めてくださって。 正直、これを聞いたときのわたしの感想… ファビコンってなんぞや? 調べてみると、 favicon(ファビコン)は「Favorite icon(お気に入りのアイコン)」と いう言葉を省略したもので、 運営者がWebページに設置するシンボルマークのことです。 主に、アドレスバーやブラウザのタブ、 スマートフォンでWebページを”ホーム画面”に 置いた際に表示されるアイコンなどを指します。

                              【ファビコン設定】わたしのパソコン嫌いとヒメちーの食べ物嫌い。
                            • Google、モバイル検索結果をリニューアル。ファビコン表示のデザインに

                              [レベル: 初級] モバイル検索結果のデザインを Google は新たにしました。 サイト名とファビコンが表示されます。 サイト名とファビコンが際立つデザイン こちらは、公式ブログでのアナウンスに掲載されている画像です。 左が現行のモバイル検索結果で、右が新しいデザインのモバイル検索結果です。 これまでは、次の順番で各要素が並んでいました。 ページのタイトル URL(パンくずリスト) スニペット 新しいデザインでは次のような順番になります。 ファビコン +URL(パンくずリスト) ページのタイトル スニペット 際立つのはファビコンです。 ファビコン付きのモバイル検索結果はたびたびテストが行われていました。 ファビコンにはパンくずリストが続いています。 これは、従来の URL の部分のはずで、パンくずリストが構成されていないページは純粋な URL になると思われます。 またサンプルの画像では

                                Google、モバイル検索結果をリニューアル。ファビコン表示のデザインに
                              • Google、ファビコン表示が目立つPC検索結果を導入

                                [レベル: 初級] Google の PC 検索の検索結果にファビコンが表示されるようになります。 ファビコン表示の検索結果は、2019 年 5 月にモバイル検索で導入されました。 モバイル検索結果を踏襲した新しい PC 検索結果は一部のユーザーを対象にテストが行われていました。 全ユーザーに対して今週正式に導入されます Google SearchLiaison の Twitter アカウントからアナウンスがありました。 Last year, our search results on mobile gained a new look. That’s now rolling out to desktop results this week, presenting site domain names and brand icons prominently, along with a bold

                                  Google、ファビコン表示が目立つPC検索結果を導入
                                • Google検索結果、デスクトップでもデザイン変更 ファビコン付きに

                                  デスクトップでのGoogle検索結果の表示が変わった。昨年5月にモバイル版で行ったデザイン変更が反映され、URLの表示位置が変わり、ファビコンが表示されるようになった。広告の区別が付きにくくなったという意見もある。 Google検索のデスクトップでの結果表示のデザインが、1月23日ごろから変わった。昨年5月にモバイル版で行われたデザイン変更が、デスクトップにも反映された。Googleは14日にツイートでこれを予告していた。 これまで青い字のサイトのタイトルの下に緑で表示されていたURLが、タイトルの上に移動して黒になり、URLの前にファビコン(ブラウザのタブなどに表示されるWebサイトのロゴ)が付くようになった。

                                    Google検索結果、デスクトップでもデザイン変更 ファビコン付きに
                                  • モバイル検索のファビコン スパムには手を出すな、ファビコンが表示されなくなる可能性あり

                                    [レベル: 初級] 先週アナウンスされたモバイル検索結果の新しいデザインがほぼ完全にロールアウトしました。 ファビコンが表示され、URL がページタイトルの上に位置します。 この記事では、ファビコン表示の新しいモバイル検索結果に関する追加の情報を解説します。 日本は URL にサイト名なし 日本の Google では、URL にサイト名は入りません。 トップページの URL がそのまま表示されます。 HTTPS サイトの場合は、https:// が含まれた URL になります。 左は日本語の検索結果です。 ウィキペディアの URL がそのまま表示されています。 そのあとにパンくずリストが続きます。 右は英語の検索結果です。 サイト名である “Wikipedia” が URL(パンくずリスト)の先頭です。 URL に関しては場所が変わったものの、表示形式に関しては以前と同じです(以前から、日

                                      モバイル検索のファビコン スパムには手を出すな、ファビコンが表示されなくなる可能性あり
                                    • WordPressでファビコンを設定する方法【サイトのアイコン】|RitozeBlog

                                      WordPressでファビコン設定していない為、デフォルトのアイコン表示になっていませんか? 「ファビコン」は、ブラウザのタブやアドレスバーに表示される「サイトアイコン」のことです。 自分のサイトがWordPressの「ⓦ」やテーマの「J」のようにロゴ表示されていたら、オリジナルのアイコンを用意して、ファビコンを設定してみましょう。 ブックマークやお気に入りのリスト、スマホのホーム画面などでも、ファビコンが表示されます。ファビコンの設定は、ユーザーがサイトを探しやすくなるなど、サイトのアピールやイメージとして大切な要素となります。 プラグインやCSSも不要で、今すぐ簡単にできる「WordPressでファビコンを設定する方法」を解説します。 ファビコン(サイトアイコン)の確認 まずは、ブラウザでご自身のサイトを開いて、ファビコンがどのように表示されているか確認してください。 【PCのタブ表示

                                      • 検索結果に表示されるファビコンを定義する - Search Console ヘルプ

                                        フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 検索結果に表示されるファビコンを定義する サイトにファビコンが設定されている場合、Google 検索の検索結果に表示されることがあります。 ファビコン 実装 Google 検索の検索結果にサイトのファビコンが表示されるようにする方法は次のとおりです。 ガイドラインに沿ってファビコンを作成します。 ホームページのヘッダーに次の構文の <link> タグを追加します。 <link rel="icon" href="/path/to/favicon.ico"> Google は、link 要素の次の属性に基づいてファビコンの情報を抽出します。 属性

                                          検索結果に表示されるファビコンを定義する - Search Console ヘルプ
                                        • 【2024年最新版】ファビコン(favicon)のサイズ一覧と作り方

                                          Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 最新のファビコン(favicon)のサイズ一覧と作り方について解説します。 本当に必要なファビコンだけをピックアップしました! ファビコンサイズや作り方についてWebデザイン初心者の方にも分かりやすく解説いたします。

                                            【2024年最新版】ファビコン(favicon)のサイズ一覧と作り方
                                          • モバイル検索結果のファビコンは(サブ)ドメイン単位で取得される

                                            [レベル: 初級] 先日 Google はモバイル検索結果にファビコンを表示するようにしました。 このファビコンはドメイン単位、もう少し正確に言うとサブドメイン単位で決定されます。 したがってページ単位でファビコンを切り替えることはできません。 トップページで設定されたファビコンを取得 ヘルプページと検証結果から判断する限りでは、トップページで設定されたファビコンを検索結果に表示するファビコンとして Google は取得するようです。 ホームページのヘッダーに次の構文の <link /> タグを追加します。 Google では、ホームページをクロールするたびにファビコンの有無、またはファビコンの更新の有無を確認します。ファビコンを変更し、Google にその変更を知らせたい場合は、サイトのホームページのインデックス登録をリクエストできます。 ※強調は僕による ページごとにファビコンを変える

                                              モバイル検索結果のファビコンは(サブ)ドメイン単位で取得される
                                            • Google検索にファビコンを表示するにはGooglebot-ImageのファビコンファイルとGooglebotのトップページへのクロールを許可する

                                              [レベル: 中級] 検索結果に表示するファビコンに関する技術ドキュメントを Google は更新しました——Googlebot-Image がサイトのファビコン ファイルをクロールでき、Googlebot がサイトのホームページをクロールできる必要があることを明記しました。 Googlebot と Googlebot-Image のクロールを許可する 最初に強調しておきますが、ファビコンのクロールの仕様を変更したわけではありません。 ドキュメントに明記しただけです。 検索結果にファビコンが表示されるようするためのガイドラインに次の一文が追加されました。 Googlebot-Image がファビコン ファイルをクロールできることと、Googlebot がホームページをクロールできることが必要です(クロールをブロックしないでください)。 以前からこの要件だったのですが、ドキュメントに明確に表記

                                                Google検索にファビコンを表示するにはGooglebot-ImageのファビコンファイルとGooglebotのトップページへのクロールを許可する
                                              • 【2021年版】favicon(ファビコン)の設定方法と画像の作り方

                                                はじめに 新しく作成したサイトにfaviconの設定をしようとしたら、たくさんの詰まりポイントがありました。 記述内容が多すぎる… 結局どれが必要なの? ダークモードで画像が見えない! Safariだけ画像が出てこない! そこで今時の記述の仕方や、画像データの仕様について、まとめました。 同じように詰まった人の参考になれば嬉しいです。 結論 指定方法 faviconを表示させたいページのhead内に以下の記述を追加します。 <head> <link rel="icon" sizes="16x16" href="/favicon.ico" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link r

                                                  【2021年版】favicon(ファビコン)の設定方法と画像の作り方
                                                • ファビコン使ってユーザーの追跡が可能、主要ブラウザの多く防御できず

                                                  Fossbytesは2月12日(米国時間)、「Your Browser's Favicons Could Be Used To Track You Online: Here&s How」において、トラッカーがファビコン(Favicon)を使うことでユーザーをトラッキング可能だと伝えた。Jonas Strehle氏の次のドキュメントを引用する形で伝えている。 supercookie • workwise 概念実証のコードも含めた説明は次のページにまとまっている。 GitHub - jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon! supercookie • workwise ファビコンは16x16または32x32のサイズで提供されることが多いアイコン。Webページごとに提供可能であり、通常はWebブラウザのタブに

                                                    ファビコン使ってユーザーの追跡が可能、主要ブラウザの多く防御できず
                                                  • 【簡単】サイトからファビコンを取得・保存・ダウンロードする方法|kasumiblog

                                                    リニューアルサイトを制作していてファビコンを現状のサイトから取得し、保存・ダウンロードしたい! このような疑問に回答します。 本記事では、GoogleのURLを使ってファビコンをサイトから取得する方法について解説します。 以下URLの末尾にファビコンを取得したいサイトのURLを入れるだけ

                                                      【簡単】サイトからファビコンを取得・保存・ダウンロードする方法|kasumiblog
                                                    • マルウェアにファビコン(.ico)が隠れているかを見つける方法とは?

                                                      Sucuriは2022年9月6日(米国時間)、「How Are Favicon (.ico) Files Used in Website Malware?|Sucuri Blog」において、マルウェアでファビコン(.ico)ファイルがどのように使われるかを解説した。ファビコンとは何かや攻撃者によるファビコンや.icoファイルを悪用したマルウェアの使用例、検知方法などが紹介されている。 How Are Favicon (.ico) Files Used in Website Malware?|Sucuri Blog ファビコンは、ブックマークアイコン、ショートカットアイコン、Webサイトアイコン、タブアイコン、URLアイコンとも呼ばれ、Webサイトが複数のタブを開いているときに訪問者がページを見つけやすくするために使用されるファイル。サイズは16×16から512×512まであり、ほとんどのW

                                                        マルウェアにファビコン(.ico)が隠れているかを見つける方法とは?
                                                      • GoogleのPC検索からファビコンが消えた、ユーザーには目障りだったから!?

                                                        [レベル: 初級] ほぼ 2 週間前に Google は、ファビコンを表示する新しい PC 検索結果を導入しました。 ところがユーザーからのフィードバックを受けて、ファビコン表示をいったん中止しました。 ファビコンなしの検索結果へ戻る こちらは、ファビコンが表示されるようになった新スタイルの PC 検索結果です。 2 週間前にキャプチャしたものです。 こちらは、ファビコンが消えた PC 検索結果です。 今朝キャプチャしました。 URL(パンくずリスト)がタイトルの上に位置するレイアウトの変更はそのままですが、URL の前に置かれて目立っていたそのサイトのファビコンが消えています。 もう少し遡って変遷を見てみましょう。 長らく親しんできた変更前の PC 検索結果です。 ファビコンが付いた新しい PC 検索結果です。 ファビコンが削除された最新の PC 検索結果です。 URL とタイトルが入れ

                                                          GoogleのPC検索からファビコンが消えた、ユーザーには目障りだったから!?
                                                        • Google、ファビコン付きの検索結果をPC検索でもテスト中

                                                          [レベル: 中級] そのサイトのファビコンを表示する検索結果を PC 検索で Google は広範囲にテストしているようです。 ファビコンを表示する検索結果は今年の 5 月にモバイル検索で導入されました。 ファビコンが付くだけではなく、パンくずリストの URL がページタイトルの上に位置します。 モバイル検索と同じデザインの検索結果を PC 検索にも Google は導入するのかもしれません。 テストが多数目撃される こちらは、Twitter に投稿されたファビコン付きの検索結果です。 パンくずリストが付いたパンくずリストがページタイトルの上に位置しています。 こちらは、現状の検索結果です。 ページタイトルの上ではなく下に、パンくずリストもしくは URL が位置しています。 ファビコンはありません。 PC 検索結果の新しいデザインは数多く目撃されているようです。 英語検索だけではなく、ブラ

                                                            Google、ファビコン付きの検索結果をPC検索でもテスト中
                                                          • 【WordPressのファビコン】を簡単に設定・表示する方法&効果的なファビコンを作るコツ|ワプ活

                                                            本記事ではWordPressでファビコンを設定する3つの方法や、より効果的なファビコンを作成するコツなどを、 初心者にもわかりやすいようキャプチャ画像を使ってくわしく解説します。 ※本記事で紹介している情報は執筆時点のものであり、閲覧時点では変更になっている場合がございます。また、ご利用の環境(ブラウザ、サーバー、プラグイン、テーマ、またはそのバージョンや設定、WordPress本体のバージョンや設定など)によっては本記事の情報通りに動作しない場合がございます。あらかじめご了承ください。

                                                            • ファビコン作成ツール7選:無料ツールや作成サイトをご紹介 - Shopify 日本

                                                              1. Faviconジェネレーター Faviconジェネレーターは、ブラウザ上で利用でき、画像ファイルからファビコンを作成できるツールです。.jpg(.jpeg)や.png、.gifなどの画像ファイルを基に、拡張子が.icoのファビコン用画像を作成してくれます。ファビコン用画像はその場でプレビュー表示できます。また、ファビコンのサイズは16 × 16pxから256 × 256pxまでの7種類の中から選べます。 サイズを同時に複数選択することも可能です。その場合、選択したサイズのアイコン画像を1つのファイルにまとめたマルチアイコンが作成されます。 2. Dupli Checker(デュプリチェッカー)のファビコン作成 Dupli Checker(デュプリチェッカー)の「ファビコン作成」は、.ico形式と.png形式のファビコンが作れて、ダウンロード可能サイズが豊富な無料ツールです。.jpg(

                                                                ファビコン作成ツール7選:無料ツールや作成サイトをご紹介 - Shopify 日本
                                                              • SWELLの画像サイズまとめ【アイキャッチ、ファビコン、ロゴ、メインビジュアル画像・動画】 | マニュオン

                                                                この記事では、WordPressテーマ「SWELL」の画像サイズと設定方法を、わかりやすく一覧にまとめてご紹介します。 アイキャッチ画像、サイトアイコン(ファビコン)、NO IMAGE、OGP、ヘッダーロゴ、コンテンツヘッダー、メインビジュアル(トップ画像・動画)などについてです。 WordPressやSWELLの推奨サイズ、SWELL公式サイトの使用サイズ、そのほかの知見からまとめています。

                                                                  SWELLの画像サイズまとめ【アイキャッチ、ファビコン、ロゴ、メインビジュアル画像・動画】 | マニュオン
                                                                • 検索結果のファビコンがどうしても反映されず変わらない→解決したその方法

                                                                  Googleのモバイル検索結果のページのファビコンのicoデータを変えてもどうしても反映されず古いアイコンが出続ける問題に遭遇、結果的に解決しましたので報告します。 2019年5月、Googleのモバイル検索結果のページに各サイトのファビコンが表示されるようになりました。faviconというとサイトを開いた時にブラウザのタブなどに表示される小さなアイコンで、解像度が低かった昔と違い、今となっては本当に小さく気にならず意味をなさないものになっていました。実際Safaiに至っては表示すらしていません。 そんな中、今やメインストリームであるモバイル検索の、それも目立つ場所へファヴィコンがが表示されるとはWeb担当者にとっては寝耳に水の話だったと思います。 事実、このサイトのファビコンはブラウザのグレーの上に表示される事が前提のほとんど白色のアイコンだったのでモバイル検索では全く目立たないという状

                                                                    検索結果のファビコンがどうしても反映されず変わらない→解決したその方法
                                                                  • 42万個ものファビコンを敷き詰めたマップが公開中。解析データも興味深いと話題に【やじうまWatch】

                                                                      42万個ものファビコンを敷き詰めたマップが公開中。解析データも興味深いと話題に【やじうまWatch】
                                                                    • Googleの検索結果におけるファビコンの表示と更新に関するメモ

                                                                      検索結果でファビコンが表示や更新されないことに関する記事ですが、内容の真偽に関して保証はできませんので読まれる方はその点留意ください。 ファビコン表示に関するGoogleのヘルプ 検索結果に表示されるファビコンを定義する – Search Console ヘルプ 以降はこのページからの引用を交えて記載します。 検索結果にファビコンが表示や更新されない場合のチェックポイント(私案) robots.txtの画像検索よけ(User-agent: Googlebot-Image)の範囲にファビコン用画像ファイルが含まれていないか? ルートドメイン直下にページがあるか?(※詳細は後述) APIエンドポイントで表示されるか?(※詳細は後述) ファビコンの画像ファイル更新後、8-10日待ったか?(7日目に反映される場合を確認) ファイル名そのままで上書きして変更されない場合は、ファビコン画像のファイル名

                                                                        Googleの検索結果におけるファビコンの表示と更新に関するメモ
                                                                      • KeePass Password Safe 上で、登録サイトのファビコンを取得できるようにするプラグイン「Yet Another Favicon Downloader」

                                                                        「Yet Another Favicon Downloader」は、KeePass 上でファビコンを取得できるようにするプラグインです。 (KeePass 2.34 以降が必要です) KeePass のリスト上で、登録サイトのファビコンを取得&変更 できるようにし、各アイテムの視認性を簡単に向上させることができます。 操作は、登録エントリーやグループの右クリックメニューから実行することができ※1、複数サイトのファビコンをまとめて取得することも可能となっています。 ※1 ファビコンを取得するには、対象エントリーの「URL」欄にドメイン名が入力されている必要がある。 (設定により、「タイトル」に含まれるドメイン名からファビコンを取得することも可能) 普段、KeePass を愛用している人におすすめです。 ちなみに、一度取得したファビコンは、次回エントリー追加時(または編集時)から再利用できるよ

                                                                          KeePass Password Safe 上で、登録サイトのファビコンを取得できるようにするプラグイン「Yet Another Favicon Downloader」
                                                                        1

                                                                        新着記事