Salesforceサイトにファビコンを設定する

サイトに設定する

設定 > サイト
編集画面の「サイトのお気に入りアイコン」に静的リソースにアップロードしたicoファイルを指定する。
静的リソースのキャッシュコントロールは公開に設定しておく。

コミュニティサイトに設定する

コミュニティビルダー > 設定 > 詳細 > ヘッドマークアップを編集
下記を追加

<link rel="icon" href="{basePath}/sfsites/c/resource/静的リソースのパス/favicon.ico?{versionKey}" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="{basePath}/sfsites/c/resource/静的リソースのパス/apple-touch-icon-precomposed.png?{versionKey}">

rel="apple-touch-icon-precomposed"はiPhoneのWebクリップ用のアイコン。サイトのリンクをiPhoneのホーム画面に追加した際、表示される。

参考

• head マークアップ
  • Experience Cloud サイトでカスタムファビコンを作成する | Help
  • headへのマークアップの追加 | Help
  • Head Markup in LWR Sites | Developers
  • エクスペリエンス ビルダーの「ヘッド マークアップの編集」と「ヘッド タグの編集」で追加されたメタ タグの違い | Help
• SEO
  • Advanced SEO for Lightning Communities | Developers
  • エクスペリエンスビルダーサイトの SEO | Help
• Apple
  • Configuring Web Applications | Safari Web Content Guide
  • App Icons | Apple Developer
• Google
  • 検索結果に表示されるファビコンを定義する | Google検索セントラル
  • Google 検索での構造化データのマークアップの仕組み概要 | Google検索セントラル
  • URL の再クロールを Google にリクエストする | Google検索セントラル
    • Google検索結果にファビコン等の変更を反映させるために必要