Wie der Browser-Adressleiste ein Website-Icon hinzugefügt

February 7

Beim Surfen auf vielen Webseiten, wird ein Icon in der Browserleiste angezeigt. Das Symbol ist ein großer Vorteil bei der Marke und bauen ein Bild für die Website. Es wird häufig von Institutionen wie Banken und Broker verwendet, um ihre Websites von Konkurrenten und Fälschungen zu unterscheiden. Das Hinzufügen dieser einfachen Funktion wird eine Website professionell erscheinen. Die gesamte Website kann ein einzelnes Symbol anzeigen, oder verschiedene Symbole können in den verschiedenen Bereichen der Website angezeigt werden.

Anweisungen

Einzelnes Symbol pro Website

1 Erstellen Sie eine Lieblings-Ikone, die 16 x 16 oder 32 von 32 Pixel im Quadrat ist. Sie können das Symbol mit der Anwendung Microsoft Paint oder auf einer online-Site erstellen (siehe Referenzen). Speichern Sie das Symbol als favicon.ico auf Ihre Festplatte.

2 Öffnen Sie eine FTP (File Transfer-Protokoll)-Sitzung, mit Ihrer Website. Ändern Sie in das Root-Verzeichnis Ihrer Website. Laden Sie die Symboldatei vorher auf das Root-Verzeichnis als favicon.ico gespeichert. Der Name muß "favicon.ico" oder das Verfahren wird nicht funktionieren. Dieses Symbol wird für alle Seiten auf Ihrer Website verwendet werden.

3 Navigieren Sie zu Ihrer Website und das Bild in die Datei favicon.ico in der Browserleiste angezeigt. Jede Seite Ihrer Website rendert das gleiche Symbol in der Browserleiste.

Mehrere Symbole pro Website

4 Fügen Sie den folgenden Code in den HTML-Code bestimmte Seiten ein anderes Symbol für diese Seiten zu erstellen. Ändern Sie "www.mydomain.com" im Code in der Domain-Name Ihrer Website. Ändern Sie "myicon.ico" in den Namen der Symboldatei in Ihrem Hauptverzeichnis, die Sie für diese Seite rendern möchten.

< Head >< link Rel = "SHORTCUT ICON" Href = "http://www.mydomain.com/myicon.ico" / >< Title > mein Titel < / title >< / head >

5 Hochladen der Webseite per FTP mit dem Code auf ein neues Icon-Datei für die Website zeigen.

6 Laden Sie das Symbol wird in der neuen Webseite-Code in diesem Beispiel "myicon.ico."

7 Navigieren Sie zu der Webseite mit dem neuen Code. Ein anderes Symbol sollte als auf den anderen Seiten angezeigt werden, die die Datei favicon.ico zu verweisen.

Tipps & Warnungen

  • Wenn das Bild nicht rendern, überprüfen Sie, ob Ihre Symboldatei auf dem Webserver im Root-Verzeichnis ist.