Google SERP Snippet als CSS Vorlage

Ich habe mir für ein kleines Snippet-Tool mal die CSS-Daten der Google Snippets aus den SERPs nachgebaut. Keine Ahnung, ob das jemand gebrauchen kann, aber ich finde das eigentlich ganz cool 😀 Du kannst mit diesem Snippet als CSS die Ansicht der Suche simulieren, wie es Nutzer sehen würden. Zumindest so ungefähr. Gerne mal schreiben, wenn du damit ein cooles Feature gebaut hast. 🙂

Google Snippet als CSS: Vorschau

Google Snippet Template: The Google Snippet as CSS Template.
onmadev.com/codesnippets/google-serp-snippet-als-css-vorlage
Looks cool hä? And you can download this source code for free. Just click „download“ here and have fun. Please leave a comment. And come sometimes back to read more.

Google Snippet als CSS: Quellcode

<div class="title" style="text-decoration: none; color: #1a0dab; font-size: 19px; font-family: arial,sans-serif; font-weight: normal; max-width: 512px; max-height: 22px; overflow: hidden;">
	<b>Google Snippet Template</b>: The Google Snippet as CSS Template.
</div>
 
<div class="url" style="color: #006621; font-size: 13px; font-family: arial,sans-serif; font-weight: normal; line-height: 16px; max-width: 512px; max-height: 18px; overflow: hidden;">
	onmadev.com/codesnippets/google-serp-snippet-als-css-vorlage
</div>
 
<div class="desc" style="font-family: arial,sans-serif; color: #545454; font-weight: normal; line-height: 16px; font-size: 13px; max-width: 512px; max-height: 32px; overflow: hidden;">
	Looks cool h&auml;? And you can download this source code for free. Just click "download" here and have fun. Please leave a comment. And come sometimes back to read more.
</div>

Snippet Optimizer

Und wer sich nicht gleich ein eigenes Tool schreiben will, findet hier einen sehr guten Snippet-Optimizer:
http://www.seomofo.com/snippet-optimizer.html
Google-SERP-Snippet-Optimization-Tool

Freelancer. Blogger. Affiliate. Und auf Weltreise.

Kommentar verfassen

Sliding Sidebar

Neu hier?

Hallo. Ich bin Thomas. Webtracking Expert für eCommerce und Google Analytics (mehr..)

Social Profiles

Lerne Data Science Online

Lerne mit DataCamp neue Skills im Bereich Data Science. Python, SQL, R, Spreadsheets. Erfahre mehr hier