Logo, Favicon und Ihre Markenfarben bearbeiten (2024)

Zuletzt aktualisiert am: Mai 15, 2024

Benutzer mit Zugriffsberechtigungen für das Bearbeiten von Account-Einstellungen können das Logo Ihrer Marke, das Favicon und die Markenfarben in Ihrem Brand-Kit bearbeiten.

Bitte beachten: Damit Sie die Logos und Favicons Ihrer Marke in allen Inhalten von einem Ort aus verwalten können, ziehen bei HubSpot in einem in Phasen unterteilten Rollout, der am 8.April2024 beginnt und im Juni endet, alle Branding-Einstellungen von Website > Seiten > Branding nach Brand-Kit um. Auch wenn Ihr Account möglicherweise nicht in den ersten Phasen enthalten ist, raten wir Ihnen, Ihr gewünschtes primäres Logo und Favicon festzulegen, bevor der Rollout beginnt. HubSpot migriert automatisch domain-spezifische Logos und Favicons von Branding-Seiten zu Brand-Kits, wobei die Domain-Zuordnung erhalten bleibt. Wenn das primäre Logo oder Favicon Ihres Markenkits, an dem Ihr Account in den Rollout einbezogen wird, leer ist und Sie ein Standardlogo oder -favicon in den Seiteneinstellungen festgelegt haben, werden wir dieses Logo oder Favicon in Ihr Brand-Kit migrieren.

Ihr Logo bearbeiten

In den Einstellungen Ihres Accounts können Sie Ihr Standardlogo bearbeiten. Sie können dieses Logo für einzelne Inhalte außer Kraft setzen.

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
  • Klicken Sie im linken Seitenleistenmenü aufAccount-Einstellungen.
  • Klicken Sie auf die RegisterkarteBranding.
  • Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
  • Um ein neues Logo hinzuzufügen, klicken Sie im Abschnitt Logos auf +Hinzufügen.
  • Fügen Sie Ihr neues Logo hinzu:
    • Um ein vorhandenes Bild aus dem Datei-Tool als Logo hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
    • Um ein neues Bild hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.
  • Geben Sie im Feld Logoname einen Namen für das Logo ein. Hierbei handelt es sich um ein Pflichtfeld.
  • Geben Sie im Feld Logo-ALT-Text eine Beschreibung Ihres Logos für Suchmaschinen und Bildschirmleseprogramme ein. Dadurch werden die Barrierefreiheit und die SEO Ihrer Website verbessert. Erfahren Sie in der Entwicklerdokumentation von HubSpot mehr über Website-Barrierefreiheit.
  • Geben Sie im Feld Logo-URL eine URL ein, wenn Ihr Logo anklickbar sein soll.
  • Um die Größe Ihres Logos zu ändern, geben Sie im Feld Breite oder Höhe einen neuen Wert ein. Das andere Feld wird automatisch angepasst, um die Proportionen des Bildes beizubehalten.
  • Um ein weiteres Logo hinzuzufügen, klicken Sie auf + Hinzufügen am unteren Rand des Abschnitts Logos.
  • Um ein vorhandenes Bild zu löschen, bewegen Sie den Mauszeiger über das Bild und klicken Sie auf das X in der oberen rechten Ecke. Um ein Logo zu löschen, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie dann Löschen aus.
Logo, Favicon und Ihre Markenfarben bearbeiten (1)
  • Wenn Sie mit der Bearbeitung Ihres Logos fertig sind, klicken Sie unten links auf Speichern .
Sie können ein Standardlogo für bestimmte Inhalte im Content-Editor oder im Design-Manager außer Kraft setzen. Klicken Sie im Logo-Modul auf den Schalter Standardlogo überschreiben, um ihn zu aktivieren, und laden Sie dann dasLogo hoch.Logo, Favicon und Ihre Markenfarben bearbeiten (2)

Ihr Favicon bearbeiten

In den Account-Einstellungen können Sie das Favicon Ihrer Website, also das kleine Bild in einem Browserfenster neben dem Seitentitel, anpassen. Ihr Favicon wird nur auf in HubSpot gehostete Inhalte angewendet.

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
  • Klicken Sie im linken Seitenleistenmenü aufAccount-Einstellungen.
  • Klicken Sie auf die RegisterkarteBranding.
  • Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
  • Um ein neues Favicon hinzuzufügen, klicken Sie im Abschnitt Favicon auf + Hinzufügen.
  • Fügen Sie Ihr neues Favicon hinzu:
    • Um ein vorhandenes Bild aus dem Datei-Tool als Favicon hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
    • Um ein neues Bild als Favicon hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.

Bitte beachten: Um optimale Ergebnisse zu erzielen, speichern Sie Ihr Favicon als Bild mit einer Größe von 48x48 Pixel in einem dieser Dateiformate: .ico, .gif, .png.

  • Geben Sie im Feld Favicon-Name den Namen Ihres Favicons ein.

Logo, Favicon und Ihre Markenfarben bearbeiten (3)

  • Wenn Sie mit der Bearbeitung Ihres Favicons fertig sind, klicken Sie unten links auf Speichern.

Ihre Markenfarben bearbeiten

Sie können in Ihren Einstellungen Markenfarben festlegen, die im Content-Editor angezeigt werden, sowie Terminplanungsseiten, Angebote und Konversationskanäle. Markenfarben werden in Vertriebsvorlagen und -E-Mails nicht angezeigt.

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
  • Klicken Sie im linken Seitenleistenmenü aufAccount-Einstellungen.
  • Klicken Sie auf die RegisterkarteBranding.
  • Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
  • Klicken Sie im Abschnitt Meine Brand-Kits auf die Registerkarte Farben.
  • Um Ihre primäre Farbe festzulegen, geben Sie einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl und wählen eine Farbe aus. Die primäre Farbe wird in Terminplanungsseiten, Angeboten und Konversationskanälen verwendet.
  • Um weitere Markenfarben hinzuzufügen, klicken Sie auf + Hinzufügen und geben dann einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl und wählen eine Farbeaus. Um eine nicht primäre Farbe zu, klicken Sie auf das deletePapierkorb-Symbol neben der Farbe.

Logo, Favicon und Ihre Markenfarben bearbeiten (4)

  • Sie können auch Farben von einer Live-Seite importieren, die bereits Ihre Markenfarben verwendet:
    • Klicken Sie auf Farben von URL importieren.
    • Geben Sie im Dialogfeld die URL einer Seite ein, die Ihre Markenfarben verwendet, und klicken Sie dann auf Farben suchen.
    • Deaktivieren Sie nach Abschluss des Scanvorgangs das Kontrollkästchen neben den Farben, die Sie nicht importieren möchten, und klicken Sie dann auf Importieren.

Logo, Favicon und Ihre Markenfarben bearbeiten (5)

Logo, Favicon und Ihre Markenfarben bearbeiten (2024)

FAQs

What is the favicon of a logo? ›

A favicon, short for favorite icon, is a small version of your brand's logo displayed on your website's tabs, search bar, and bookmark bar. Favicons typically feature a logo, letter, or image that reflects the company they represent.

How do I add a favicon to my logo? ›

To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon.ico".

How do I add a favicon to my HubSpot landing page? ›

Your favicon will only be applied to content hosted in HubSpot.
  1. In your HubSpot account, click the settings settings icon in the top navigation bar.
  2. In the left sidebar menu, click Account defaults.
  3. Click the Branding tab.
  4. Click the brand kit you want to edit.
  5. To add a new favicon, click + Add in the Favicon section.

How do I change the logo of my website in Google Search? ›

Adding a favicon to your site
  1. Go to Settings in your site's dashboard.
  2. Click Website Settings.
  3. Click Update Image under Favicon.
  4. Select an image, or click Upload Images to upload one from your computer.
  5. Click Choose File.
  6. Click Save.

What is an example of a favicon? ›

One of the best favicon examples is Target. Target uses its well-known bullseye icon for its favicon. You also have the option to use an icon with one to three characters of text. Wikipedia is an excellent favicon example of using text instead of an image.

What is the rule for favicon? ›

Your favicon must be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px and so on (or SVG with a 1:1 (square) aspect ratio). Any valid favicon format is supported. The favicon URL must be stable (don't change the URL frequently).

What does "favicon" mean? ›

A favicon (/ˈfæv. ɪˌkɒn/; short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons associated with a particular website or web page.

How do I get my favicon to work? ›

How to Add a Favicon to Your Website
  1. If you already have a . png file, use it. ...
  2. Most browsers automatically detect favicon. ...
  3. You may both keep the original name of the image or rename it to favicon. ...
  4. Change the /jpg and /favicon. ...
  5. If you can't see the new favicon, clear your browser cache and restart your browser.
Jun 25, 2024

Why is my favicon not showing? ›

If you've confirmed that the favicon file is correctly placed and linked in your HTML but still encountering issues, there might be caching problems. Try clearing your browser cache or testing in an incognito/private browsing window to see if the favicon appears.

How long does it take for a favicon to show up on Google? ›

It can take a while for the favicon to start showing on Google -- it definitely doesn't happen immediately. I think it took my last site about 5 weeks for the favicon to start showing on Google searches. Here's Google's official statement on favicons: The favicon URL must be stable (don't change the URL frequently).

Why isn't my favicon showing up on Google search? ›

Make sure that the favicon file is located in a public directory on your website, and that it is not blocked by any robots. txt files. Clear your browser cache and cookies: Sometimes, a corrupted browser cache or cookies can prevent your favicon from showing up.

Does favicon affect SEO? ›

There are no direct SEO or ranking effects of having favicons. However, there are indirect benefits for your pages' SEO: Increased Usability Of Site: Usability of a site correlates to higher search engine ranking.

What is the difference between icon and favicon? ›

An icon can represent any application or function and might appear in various sizes across different platforms. A favicon is specifically designed for use in web browsers and is usually small (16x16 to 64x64 pixels).

Is favicon a PNG or icon? ›

The standard formats for favicons are ICO and PNG. ICO is compatible with all browsers, including Internet Explorer. PNG is another common format. The only disadvantage is that Internet Explorer will not support a PNG file.

What is the difference between thumbnail and favicon? ›

A favicon is a small icon associated with a website, usually displayed in the browser's address bar or tab. A thumbnail, on the other hand, is a small preview image of larger content. While both are small images, favicons represent the site itself, while thumbnails represent specific content within the site.

Top Articles
Polarlights Casey
Slam Head On Desk Gif
Benchmark Physical Therapy Jobs
Which Universal Life Option Has A Gradually
Is Jennifer Coffindaffer Married
799: The Lives of Others - This American Life
Mychart.texaschildrens.org.mychart/Billing/Guest Pay
Mcdonalds 5$
3472542504
Ucf Off Campus Partners
Ups Cc Center
Craigslist Metal Roofing
C.J. Stroud und Bryce Young: Zwei völlig unterschiedliche Geschichten
Shooters Lube Discount Code
Epay. Medstarhealth.org
Express Pay Cspire
80 Maiden Lane Ny Ny 10038 Directions
Insulated Dancing Insoles
E41.Ultipro.com
How Much Does Costco Gas Cost Today? Snapshot of Prices Across the U.S. | CostContessa
Define Percosivism
Atlanticbb Message Center
Receive Sms Verification
Are your stomach problems caused by stress? What is ‘leaky gut’, and expert tips to avoid it
Missoula Jail Releases
Advance Auto.parts Near Me
Eros Cherry Hill
The Parking Point Jfk Photos
Does Wanda Sykes Use A Cane
Baldurs Gate 3 Igg
Filmy4Wap Xyz.com 2022
Hyvee.com Login
Cheeksorpillows
Trailmaster Fahrwerk - nivatechnik.de
Craigslist Pinellas County Rentals
Arsenal’s Auston Trusty: Inspired by Ronaldinho, World Cup dreams and Birmingham loan
Curaleaf Announces Majority Stake and Forms Strategic Partnership with Germany's Four 20 Pharma, a Fully EU-GMP & GDP Licensed Producer and Distributor of Medical Cannabis
Myapps Tesla Ultipro Sign In
Ece 2300 Osu
Fighting Darius by Nicole Riddley - GALATEA
Oge Number
Potomac Edison Wv Outages
Best Blox Fruit For Grinding
Battlenet We Couldn't Verify Your Account With That Information
Lompoc Record Arrest Log
Gunsmoke Noonday Devil Cast
Richard Grieve Judge Judy
Mcknet Workday
Craigslist Pgh Furniture
Diora Thothub
Milly Bobby Brown Nsfw
Lanipopvip
Latest Posts
Article information

Author: Ms. Lucile Johns

Last Updated:

Views: 5867

Rating: 4 / 5 (41 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Ms. Lucile Johns

Birthday: 1999-11-16

Address: Suite 237 56046 Walsh Coves, West Enid, VT 46557

Phone: +59115435987187

Job: Education Supervisor

Hobby: Genealogy, Stone skipping, Skydiving, Nordic skating, Couponing, Coloring, Gardening

Introduction: My name is Ms. Lucile Johns, I am a successful, friendly, friendly, homely, adventurous, handsome, delightful person who loves writing and wants to share my knowledge and understanding with you.