google-serp-snippet-als-css-vorlage-header

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