Star Ratings bei Blogger erstellen

Hallo, liebe Leser ich möchte euch heute erklären wie man Star Ratings oder auch Post Ratings genannt, schnell und einfach erstellt.

Was sind Star-Ratings?
Star Ratings sind die Sterne die bei der Google suche erscheinen die ihr sicherlich schonmal beim googlen gesehen habt.






oder ihr ihr schau mal selbst bei Google >Hier Klickern<<


Wozu braucht man Star-Ratings?
Star Ratings (Sternewertung) sind dazu da, dass die Besucher einen eindruck auf ihren Blog-Post haben, diese zeigen die Qualität des Artikels an. Außerdem sind diese SEO freundlich d.h. desto mehr Leser den Artikel als Positiv bewerten desto mehr crawlt Google ihr Blog.

Installation:
Ihr meldet euch bei Blogger unter dieser adresse an http://draft.blogger.com/
klickt dann auf:
Dashboard ➜ Layout ➜ Blogposts bearbeiten ➜ Haken setzen: Sternewertung

Wenn ihr nun ein Standart Template von Blogger verwendet müsste jetzt unter jedem Artikel die Sternewertung erscheinen.

Aber wenn ihr ein selbst hochgeladenes individuelles Template verwendet dann müsst ihr:

Dashboard ➜ Vorlage ➜ HTML bearbeiten ➜ Fortfahren ➜ Widget-Vorlagen komplett anzeigen (Haken setzten)

Diesen Code finden:
<p class='post-footer-line post-footer-line-3'>


wenn's den nicht gibt dann diesen:
<div class='post-footer-line post-footer-line-3'>

den gibts auch nicht? Dann diesen:
<data:post.body/>

und fügt diesen Code direkt darunter ein:
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

Vorlage speichern und fertig.

Weiterlesen

Html Sitemap erstellen bei Blogger

Hallo, liebe Leser ich möchte euch heute erklären wie man eine HTML Sitemap erstellt.

Sitemaps sind sehr wichtig für die Sucmaschinenoptimierung (SEO) es dient dazu das Google eure seiten schneller indexiert.


Bei Blogspot hat jedes Blog schon eine Sitemap vorinstalliert dies können Sie prüfen indem Sie ihrblog.blogspot.com/robots.txt aufrufen die unterste Zeile müsste nämlich so aussehen:
Sitemap: http://ihrblog.blogspot.com/feeds/posts/default?orderby=UPDATED

Nun aber wollen wir Google was gutes tun und erstellen eine voll automatische Html Sitemap.
Warum Html? Denn Google bevorzugt die Seiten die mit .html enden und indexiert diese ziemlich schnell.

Nun zur Installation:
Dashboard ➜ Seiten ➜ Neue Seite ➜ Leere Seite
Als Titel Sitemap eingeben, diesen Code einfügen und Veröffentlichen:
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Nun können Sie ihre vollautomatische Sitemap aufrufen indem Sie ihrblog/p/sitemap.html in die adressenzeile eingeben.
Fügen Sie ihre Sitemap in ihr Blog ein, so das es lesbar für Google ist.

Quelle

Weiterlesen

Breadcrumb Navigation für Blogger

Hallo, liebe Leser heute erklär ich euch wie man die "Breadcrumbs Navigation" erstellt.

Was sind Breadcrumbs und wofür sind sie gut?
Breadcrumbs sind labels die bei jedem Post über den den Artikel erscheinen eine art Navigation.
Gut sind diese auf jedenfall für die Suchmaschinenoptimierung (SEO)
also für unseren lieben Freund Google :)
Und für Besucher natürlich denn es sieht bei der Google Suche professionell und schick aus.




So würde es bei einem Artikel aussehen:

So sieht es bei der Google Suche aus:

Installation:
Dashboard ➜ Vorlage ➜ HTML bearbeiten ➜ Fortfahren ➜ Widget-Vorlagen komplett anzeigen (Haken setzen)

findet den Code:
<b:include data='top' name='status-message'/>
und fügt diesen direkt darüber ein:
<b:include data='posts' name='breadcrumb'/>

findet den Code: (Wenn in eurem Template mehrere von diesem code sind dann finden den der am nächst möglichen der an den Code: b:include data="post" name="post"> ist)
<b:includable id='main' var='top'>

fügt direkt darüber diesen Code ein:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home </a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home </a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home </a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Ana Sayfa </a></span> » <span>Zwischenzeit <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home </a></span> » <span>Alle Posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home </a></span> » <span>Mit den Labels; <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Zum Schluss findet den Code:
]]></b:skin>

Direkt darüber diesen CSS Code einfügen:
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Weiterlesen

Google Suche für Posts

Hallo, liebe Leser heute werde ich euch erklären wie man für jeden einzelnen Artikel einen "Bei Google suchen" Button erstellt.

Es ist wichtig für die Suchmaschinenoptimierung (SEO), man kann sagen Sie senden automatisch einen Ping an Google und ihre Posts lassen sich dadurch schneller indexieren.


Kommen wir zur Sache, Sie gehen wie folgt vor..
Dashboard ➜ Vorlage ➜ HTML bearbeiten ➜ Fortfahren ➜ Widget-Vorlagen komplett anzeigen (Haken setzen)

findet den Code:
div class="postmeta-primary">

direkt darunter diesen Code einfügen:
<a expr:href='&quot;http://www.google.de/search?hl=de&amp;q=&quot; +data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank' title='Bei Google Suchen'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidw3ED6GDs6gylaOpoFJTwzV9vbcAz1ch388sDEcn5Yhgbrj4-tGlR6YF33bKM0s23eQS6uj3y_a7YpzS_5yn7bmEKGfcDAb1HkO3k6FXsUWzCaxWrViYCFkzgA9IHNyipJ7vnnQV-jl8/s1600/google.gif'/></a>
Vorlage speichern.

Das wars auch schon nun müsste bei jeden ihrer Artikel ein Button erscheinen

Weiterlesen

Blogger Titel Einstellungen

Bei vielen Templates ist die SEO (Suchmaschinenoptimierung) noch nicht so richtig eingestellt, denn bei der Google suche erscheint in den meisten voreigestellten Templates so die Anzeige:
Blog Titel - Post Titel
Ihre Blog Beschreibung


Die optimale Einstellung müsste aber so aussehen:
Post Titel - Blog Titel
Ihre Blog Beschreibung




Laut erste variante würde der Besucher also nur den Titel ihres Blog's sehen bei Google er würde ihr Blog vielleicht nicht besuchen das es interessant für ihn klingen würde.

Laut zweite variante würde der Besucher genau das sehen wonach er gesucht hat und zwar den Post Titel also den Artikel. Kontrollieren Sie also wie es auf ihrem Blog aussieht.

(Zum schnelleren suchen der codes Strg+F kombination benutzen)
Wenn es der erste Fall ist löschen Sie alles zwischen den code:
<b:include data='blog' name='all-head-content'/>
bis:
<b:skin>

und ersetzten es mit diesem:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='BLOG BESCHREIBUNG' name='description'/>
<meta content='KEYWORDS' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

Weiterlesen

Lassen Sie ihr Blog schneller öffnen

Bloggen ist für die einen ein Hobby für die anderen schon ein Job womit man sich sen Geld verdienen kann.
Egal wie man die Sache betrachtet jeder schenkt wertvolle Zeit in sein Blog um das beste daraus zu machen.


Da die schnelligkeit des Blogs ein wichtiger Faktor ist wollte euch erklären nach meinen erfahrungen was in ein Blog sein darf und was nicht damit es sich schneller öffnet.

Warum sollte ein Blog sich schnell öffnen?

• Wichtigster Faktor "Google", denn Google liebt Websites die schnell und übersichtlich sind. Wenn ihr euer Blog in ein Datenmüll verwandelt mit irgendwelchen Flash Animationen oder nervige Pop-Ups oder zu grosse Bilder usw. da wartet der googlebot nicht lange und verlässt euer Blog das heisst Seiten werden nicht indexiert.
• Noch ein sehr wichtiger Faktor die "Besucher" denn die haben auch nicht ewig Zeit wenn die Seite lange am laden ist tätigt man einfach den zurück Button und weg ist man.

Fügen Sie Jump-Breaks in ihre Posts
Das heisst also ungefähr nach 50-60 Wörtern den Jump-Break (Weiterlesen) einfügen, wenn Sie zuviele Posts ohne Jump Break auf ihrer Haupseite haben bedeutet das, mehr Wörter mehr Bilder also mehr Arbeit für den Googlebot was ihn überhaup nicht gefällt, wenn Sie dann pech haben verlässt der ihr Blog ohne eine Seite zu indexieren.

Also.. den unten angezeigten Jump Break (Weiterlesen) code bei jedem Artikel einfügen.
<!--more-->

Sidebar richtig nutzen
Es sollten keine Flash Animationen z.B. wie Uhren oder ähnliches sein, sondern informationen über ihr Blog wie Text Kategorien oder Links zu ihrer Sozialen Netzwerke wie Facebook, Twitter und co.

Verkleinern Sie die Bilder

Artikelilder gehören zu jedem Artikel, doch es sollten nicht zu grosse Bilder sein.
Laden Sie ihre Bilder als "Klein" oder "Mittel" hoch.

Background Image verkleinern
Vom optischen sieht ein Blog mit einem Hintergrundbild schön aus aber man sollte mal die grösse abchecken weil ein zu grosses Hintergrundbild macht ihr Blog langsamer. Man sollte lieber ein kleines Bild wählen das beim nebeneinanderkommen einen weiderholeffekt ausstrahlt. Ich allerdings empfehle kein Hintergrundbild sondern die passende Farbe als Hintergrund.

Werbung richtig platzieren
Werbung bedeutet zwar Geld aber bei der Auswahl von Werbung sollten Sie vorsichtig sein, es sollte nicht an jeder Ecke ein Banner oder Pop-Up platziert sein das macht ihr Blog zu einer Schnecke, außerdem mögen die Besucher und der Googlebot das nicht, ihr Blog sollte rein aussehen damit man den Überblick nicht verliert.

Test Werkzeuge benutzen
Einfach mal selber testen wie schnell euer Blog sich öffnet, davor aber vorher die Cookies und Internetcache löschen, schaut was sich zuerst öffnet und was länger braucht, was ihr eventuell daran noch ändern könnt.
Mit Webmaster-Tools könnt ihr analysieren welche probleme vorhanden sind ob jemand euer Blog verlinkt hat und natürlich die geschwindigkeit testen

Weiterlesen