Abzeichen HTML-Vorlagen

Vorgefertigte Badge-HTML-Vorlagen für Auszeichnungs-, Partner- und Angebotsblöcke

Eine Badge-HTML-Vorlage ist ein vorgefertigter Block, bei dem jedes Element derselben Reihenfolge folgt: zuerst das Kennzeichen, dann der Titel, danach eine kurze Erklärung. Ein Element kann zudem einen Link zu einem Nachweis enthalten. Nicepage bietet diese Blöcke einzeln sowie innerhalb vollständiger Seitendesigns an, sodass Sie die passende Variante auswählen können.

Wählen Sie den passenden HTML-Badge-Block

Jede Vorlage im Katalog sieht unterschiedliche Informationen vor:

• Barbershop Awards erfordert für jedes Siegel den Namen der Auszeichnung und den Veranstalter. Das Jahr und ein Link zu den Ergebnissen gehören in dasselbe Element.
• Unsere Kunden, Vorgestellte Sponsoren und Unsere Investoren können ähnlich aussehen, weshalb Überschrift und Beschriftungen den Unterschied ausmachen. Sie können die geleistete Arbeit, ein gesponsertes Projekt oder eine Finanzierungsrunde benennen.
• Markensymbol benötigt den Markennamen und einen Satz darüber, was die Marke herstellt.
• Kostenloser 10%-Rabattgutschein sollte das Angebot, seine Bedingungen und das Ablaufdatum genau aufführen.

Vier Logos und Sechs Logos funktionieren am besten, wenn die Anzahl der Unternehmen, die Sie nennen können, genau zu den Plätzen passt.

Jedes Element mit echten Details ausfüllen

Demoinhalte müssen so echt wie möglich wirken, da beispielhafte Auszeichnungsnamen und Platzhalterlogos überzeugend genug sein können, um versehentlich auf einer Live-Website zu landen. Verwenden Sie den genauen Namen des Veranstalters und das reale Datum, und zeigen Sie ein Zertifizierungszeichen nur, solange es gültig und zulässig ist. Wenn ein Barbershop eine Leserumfrage in einem Stadtmagazin gewonnen hat, verlinken Sie auf die veröffentlichte Gewinnerliste, damit Besucher die Angabe überprüfen können. Ein Link gehört nur dorthin, wo etwas verifiziert werden muss.

Behalten Sie jede Bildunterschrift im Markup im selben Element wie das zugehörige Bild, damit beides als eine zusammenhängende Aussage wahrgenommen wird. Da Wörter auf dem Rand eines Siegels Teil der Grafik sind, muss die Beschriftung auch den Titel der Auszeichnung enthalten. Ein informatives Logo benötigt einen Alt-Text, der das Unternehmen benennt, während ein dekorativer Stern einen leeren Alt-Text haben kann.

Eingebettete Siegel und intakte Beschriftungen

Wenn eine Zertifizierungsstelle oder Bewertungsplattform Code für ihr Siegel bereitstellt, kann das HTML Element von Nicepage dieses Markup in einem Block platzieren, und die Vorschau zeigt das Ergebnis. Im Gegensatz zu einem Katalog-Badge, den Sie selbst verfassen, stammt ein eingebettetes Siegel vom Anbieter, der die Darstellung steuert. Stellen Sie sicher, dass es auf Ihr eigenes verifiziertes Profil verweist und dass der umgebende Text den Bedingungen des Anbieters entspricht.

Auf Smartphones, wo eine Reihe von Emblemen oft zu einer einzelnen Spalte wird, müssen jede Beschriftung und jeder Link bei ihrem Bild bleiben. Der Abschnitt ist bereit zur Veröffentlichung, sobald jedes Element einen echten Titel, einen funktionierenden Link (sofern versprochen) und genügend Text enthält, um auch ohne Bild verständlich zu sein.