好ましいシンボルと触覚イメージ

Webflow の Web サイトでファビコンとタッチ アイコンを使用します。

ウェブサイトを公開する際の重要な最終仕上げの 1 つは、ブラウザの UI またはモバイルのホーム画面でサイトをどのように表示するかです。

このセッションに含まれるもの:

  1. シンボル
  2. 触覚シンボル
  3. 画像リソース
  4. シンボルを転送する

シンボル

ほとんどのブラウザでは、ブラウザのタブやブックマークで Web サイトを表すためにシンボルが使用されます。

Google Chrome ウィンドウには、google.com、apple.com、youtube.com、Wikipedia タブが含まれています。Wikipedia タブのシンボルが強調表示されています。

触覚シンボル

触覚シンボルまたは Web クリップは、Safari のブックマークなどの場所で使用されます。

Safari ブラウザ ウィンドウには 12 個の触覚シンボルが含まれています。Wikipedia の触覚シンボルが強調表示されています。

これらのシンボルは、Web サイトのリンクがスマートフォンのホーム画面に保存されている場合にも表示されます。 

画像リソース

アップロード用に Web シンボル画像リソースを準備するときは、シンボルとして使用する 32×32 ピクセルの画像と、Web クリップまたは触覚シンボル用の 256×256 ピクセルの画像をデザインします。

図には Webflow エンブレム W シンボルが 2 つ含まれています。寸法は矢印と数字で指定されます。左側のシンボルは 32 ピクセルである必要があります。
これらの画像リソースで使用するタイトルは HTML に表示されるため、検索エンジンにインデックスさせたくない内容をタイトルに含めないように注意してください。

シンボルを転送する

画像リソースの準備ができたら、次の操作を行います。

  1. 続行 プロジェクト設定 > 一般的な タブ > シンボル
  2. 移行 あなたが準備した画像
  3. 宣伝する 変更内容が反映されるようサイトを更新します
  4. 活性化 ブラウザでライブサイトを開き、アップグレードされたシンボルを表示します
ユアン・マック