Ausgewählte Beiträge

Google Drive - Mehr als ein Clone Momentan überschlagen sich die Ereignisse geradezu. Man kommt kaum hinterher … Gestern (25.04.2012) wurde endlich GDrive veröffentlicht und die gesamte Online - Welt Berichtet .. GDrive das non...

Read more

Google räumt auf – Bereinigung der SERPs Was war das für ein Aufschrei, als es möglich war, „Sterne“ in den Suchergebnissen anzeigen zu lassen. Kaum ein Blog (ob SEO, Online Marketing oder Technik Blog) hat es sich nehmen lassen, Beiträge...

Read more

Google+ mit neuem Design Google+ im neuem Gewand Google+ hat wieder Veränderungen vorgenommen. Bei diesem Redesign wurden die Icons (Übersicht, Fotos, Profil, Kreise und Spiele) in die linke Sidebar verschoben und der Chat...

Read more

Google+ und die SEOs – Ein Köder für Erfolg Google musste schon eine Menge Kritik einstecken für seine, zuerst als Verzweiflungsangriff auf Facebook und dessen Dominanz im Bereich der Social Media Netzwerke gewertete, Veröffentlichung von Google+....

Read more

Wordpress have_posts() manipulieren und nutzen Vor einigen Tagen stand ich vor einem Problem. Ich habe ein Affiliate Partnerprogramm erstellt und benötigte einen Filter in der „have_posts“ Prozedur von Wordpress.Natürlich war mein erster...

Read more

  • Prev
  • Next

Twitter Updates...

  •  

WordPress 3.1.2 – veröffentlicht

Category: Blogger, Technik, Wordpress

2

Heute wurde wieder ein kleines Update von WordPress veröffentlicht. Es handelt sich bei diesem Update um ein Sichterheits-Update, mit diesem Update wird die Lücke „schreiben ohne Rechte Lücke“ gestopft. Bei diesem Bug handelte es sich um ein Rechteproblem.
Mit diesem war es möglich, mit Mitarbeiter Rechte, Beiträge zu veröffentlichen.

Das Update lässt sich auch wieder einfach über das Backend einspielen.

„Dashboard => Aktualisierungen“

oder einfach herunterladen und einspielen.

Auch vor diesem Update ist es ratsam, Backup‘s anzulegen! Bisher ist das Update noch nicht in Deutsch verfügbar. Es wird „erfahrungsgemäß“ ca. 1 -2 Tage dauern, bis es zum Download bereitsteht.

Es wird nicht nur der oben genannte Fehler behoben, sondern auch ein paar weitere Bugs gefixt.

WordPress empfiehlt, das Update schnellstmöglich einzuspielen.

Facebook “Send-Button” – Der eingeschränkte Like Button

Category: Blogger, Facebook, Marketing, SEO, Technik

1

Facebook hat ein neues Social „Plugin“ herausgebracht. Neben dem Like button gibt es jetzt den „Send“ Button. Mit diesem Button kann man Inhalte von Webseiten teilen. Nur anders als beim Like Button,  benennt man die Personen die diesen Inhalt angezeigt bekommen sollen.

Der „Senden“ Button ist nützlich um Informationen an den Personenkreis zu senden, den es auch interessieren könnte. Somit belästigt man nicht die Leute, für die es uninteressant sein könnte. Es ist möglich den Empfängerkreis einzugrenzen, das geht beim Like‘n nicht.

Hier ein Beispiel: Ich habe nur einen Facebook Account für „alles“. Das heißt, ich habe dort SEO’s, aber auch private Kontakte. Meine privaten Kontakte interessiert es nicht, ob ich auf meinem Blog etwas über SEO geschrieben habe. So kann ich mit dem Senden Button die SEO’s informieren und die privaten Kontakte werden „verschont“.

Facebook Send Button

Sendet man mit dem Senden Button Inhalt an einen Kontakt,  bekommt er den Inhalt per Nachricht in das Postfach. Sendet man Inhalt an eine Gruppe, so erscheint der Inhalt auf der Gruppen Pinnwand.

Natürlich ist es auch möglich, Inhalt per Senden Button an eine E-Mail Adresse zu senden.

Wie kann der Senden Button integriert werden? Auch hier hat Facebook bereits einen „Generator“ erstellt. Um euren Senden Button zu erstellen geht auf folgende Seite

Facebook Senden Button

Oder

Implementiert folgenden Code (Beispiel: http://www.project-none.de)

<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1″></script><fb:send href=”www.project-none.de” font=”" colorscheme=”dark”></fb:send>

href – die Url
font – Schriftart (arial, lucida grande, segoe ui, tahoma, trebuchet ms oder Verdana)
colorscheme – light oder dark

 

Realtime Statistiken

Wie im Entwickler Blog bekannt gegeben, werden die Statistiken in den nächsten Tagen freigegeben.

SEO Plugins für WordPress (Teil 1) – All in One SEO Pack

Category: Blogger, Marketing, SEO, Technik, Wordpress

0

Mehrfach las ich schon von SEO Plugins für WordPress, meistens in Form von Rankings.

„Das sind die Besten…“, „Das Top Plugin …“

Ich möchte heute kein Ranking vorstellen, sondern einfach eine Liste von WordPress Plugins für den SEO Einsatz. Die meisten Plugins setze ich selber ein, oder habe sie eingesetzt (bzw. getestet).

Das die Bereiche im “HEAD” eigentlich immer gleich sind, wie zum Beispiel „Meta-Descrption“, „Meta-title“ etc. ist kein Geheimnis. Und das diese auch ausgefüllt werden sollten ist auch klar, aber bei den vorgestellten Plugins ist es unterschiedlich komfortabel.

Einige Plugins können auch Bereiche dynamisch, aus Inhalten des Artikels bzw. der Seite, befüllen.

Ich beginne mit dem sehr bekannten WordPress Plugin „All in One SEO Pack“, hier ein paar Features im Überblick:

  • Individuelle Meta Informationen für die Startseite
  • Canonical URLs
  • Rewrite Titel
  • Individuelle Titel für alle Seiten (Kategorien, Seiten etc)
  • Nutzung von Kategorien (Kategorienamen) für Meta Keywords
  • Tags für Meta Keywords
  • Noindex Attribut für Kategorien, Archiv, Tags
  • Automatisches generieren der Meta Tags

Und dieses Tool bietet noch viele weitere Einstellmöglichkeiten.

Installation:
Das Plugin via FTP in das Verzeichnis /wp-content/plugins/ hochladen und im Plugin – Menu das Plugin aktiveren. Im linken Menu erscheint ein neuer Menupunkt  „All in One SEO“. Unter diesem Menupunkt können die Einstellungen vorgenommen werden.

FAQ’s (Frequently Asked Questions)

http://semperfiwebdesign.com/documentation/all-in-one-seo-pack/all-in-one-seo-faq/

Facebook Like Button in WordPress

Category: Blogger, Marketing, SEO, Wordpress

4

Heute möchte ich Euch zeigen, wie Ihr eine Like Button in Euren WordPress Blog implementiert.

Zirka Ende April – Anfang Mai 2010 bot Facebook die Möglichkeit an, den Like Button auf jeder Seite zu integrieren. In der Social Media Zeit ist der Like bzw. „gefällt mir“ Button ein wirklich wertvolles Instrument geworden. Viele Benutzer wollen keine Beiträge kommentieren, da es doch zeitaufwändiger ist, als einmal auf den Like Button zu klicken.

Der nächste Vorteil ist, dass der Blogschreiber die Anzahl der Like Klicks sieht und somit weiß, dass der Beitrag den Lesern gefällt und dadurch animiert wird, weiter zu schreiben. Zusätzlich wird ein Ausschnitt auf der Facebook Pinnwand angezeigt, somit ist das Verteilungsspektrum wesentlich höher.

Um den Like Button in WordPress zu implementieren, haben wir 2 Möglichkeiten.
Möglichkeit 1: Implementierung via WordPress Plugin
Möglichkeit 2: Implementierung via PHP / HTML in den Quelltext des Themes

Möglichkeit 1 – WordPress Plugins

Ich möchte euch 3 Facebook Like Plugins vorstellen die ich auch aktiv in Benutzung habe.

  • Facebook likes you (v. 1.1.7)
  • Like (v. 1.9.6)
  • Facebook like box widget (v. 1.8)

Facebook Likes you Plugin Facebook likes you ist wohl das schlankeste der hier aufgelisteten Plugins.
Die Einstellmöglichkeiten reichen für den normalen Like Button aus. Das schöne ist, dass sich die Höhe automatisch anpasst, wenn man „Gesichter“ anzeigen lassen möchte. Die Anzeigeposition kann problemlos angepasst werden.
Dafür existieren bei diesem WordPress Plugin folgende Möglichkeiten: oben, unten, auf Seiten, in Artikeln, auf der Startseite, bei der Suche und im Archiv.

Sehr schön ist bei der Abständedefinition, dass man es visualisiert bekommt.

Das Ausschließen von Seiten, Artikeln und Kategorien ist auch problemlos mittels ID, Titel oder Slug möglich.

 

 
facebook like pluginDas Plugin Like bietet die wohl umfangreichsten Einstellungen bei diesem Facebook Plugin vergleich.

Wie man auf dem Screenshot erkennt, kann das Plugin „Like“ all das, was Facebook likes you kann. Es kommt nur noch sehr viel mehr hinzu. Wie zum Beispiel:

  • Updates auf die Pinnwand
  • IFRAME oder XFBML
  • Asynchron oder synchron laden von Javascript
  • Breite und Höhe
  • Button Layout
  • Like oder empfehlen
  • Schriftart, verschiedene Farbenschemen (dunkel und hell)
  • Open Graph Protokoll
  • Und noch einiges mehr

 

facebook-like-widget Facebook like box widget ist anders als die Plugins vorher.
Es handelt sich um ein Widget für die Integration in eine Sidebar. Dieses Plugin bzw. Widget beinhaltet nicht nur den Like Button, sondern kann auch Freunde und neueste Nachrichten anzeigen.

Wer also sein Like Button nicht unter jedem Post bzw. unter jeder Seite haben möchte, kann es 1 mal in die Sidebar als Widget implementieren und dann gilt es global für die ganze Seite.

Dieses macht beispielsweise Sinn bei Landingpages.

 

Möglichkeit 2 – Integration durch PHP / HTML

Diese Möglichkeit wird von sehr vielen Personen bevorzugt, da man freie Hand bei der Platzierung hat. Facebook stellt ein IFRAME bzw. XFBML Codeschnipsel zur Verfügung, welcher dann einfach innerhalb des Post Loops eingebunden wird.

IFRAME

<iframe src=”http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.project-none.de&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=dark&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;” allowTransparency=”true”></iframe>

Die anpassbaren Eigenschaften auf einen Blick:

  • href – Die Like URL
  • layout – Besitzt 3 Optionen
    • standard – Gefällt mir Button und rechts daneben Name + gefällt das
    • button_count – Zeigt die Anzahl der Likes rechts neben der Schaltfläche
    • box_count – Zeigt die Anzahl der Likes in der Schaltfläche
  • show_faces – Zeigt Profil Foto
  • width – breite des Like Buttons
  • font – Schriftart
    • arial (arial)
    • lucida grande (lucida%20grande)
    • segoe ui (segoe%20ui)
    • tahoma (tahoma)
    • trebuchet ms (trebuchet%20ms)
    • verdana (verdana)
  • colorscheme – dunkel oder hell (dark,light)

 

XFBML

<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like href=”http://www.project-none.de” show_faces=”true” width=”450″ font=”" colorscheme=”dark”></fb:like>

  • href – Die Like URL
  • show_faces – Zeigt Profil Foto
    • width – breite des Like Buttons
    • font – Schriftart
    • colorscheme – dunkel oder hell (dark,light)

 

Facebook bietet aber auch einen Like Button Generator an. Den findet ihr unter

http://developers.facebook.com/docs/reference/plugins/like/

Damit ist es innerhalb kürzester Zeit möglich, dass IFRAME bzw. XFBML generieren zu lassen.

Links zu den Plugins

Facebook likes you
Like
Facebook like box widget

 

Meta Informationen (Description, keywords, title) >> Blogspot.com

Category: Blogger, Google, Technik

3

Ich stellte mir die Frage, wie kann ich meinen Blogspot.com Blog für Suchmaschinen etwas besser optimieren. Mir ist aufgefallen, dass weder ein Meta-Description noch ein Meta-Keyword vorhanden ist.

Einige werden jetzt natürlich sagen, dass diese Tags von Suchmaschinen nicht mehr indexiert werden, bzw. das es für Suchmaschinen irrelevant ist.

Dazu möchte ich eines Sagen, es gibt nicht nur goolge.
Und ich persönlich, möchte bestimmen, was in den Suchresultaten angezeigt wird (zumindest bei meinen Seiten).

Blogger

Das Hinzufügen der Tags kann nur im XML Quellcode vollzogen werden. Dazu müssen Sie sich in Ihrem blogger.com Account einloggen.

 

Wählen Sie den Tab „DESIGN“ aus und dann den Bereich „HTML bearbeiten“

 

 

Bloger

>Sichern Sie Ihre Vorlage<

Suchen Sie die Zeile

<title><data:blog.pageTitle/></title>

Fügen Sie folgenden Code direkt darunter.

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

<meta content=’Your description here’ name=’description’/>
<meta content=’Your description here’ name=’keywords’/>

</b:if>

Als Beispiel zeige ich Ihnen den Code von einer meiner Webseiten.

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

<meta content=’Alles über Vogelspinnen, meine Erfahrungen, meine Tipps zur Haltung und Aufzucht von Vogelspinnen.’ name=’description’/>
<meta content=’Vogelspinne,Vogelspinnen,vogel-spinne, spinnen, Spinnentiere, arachnophilia ‘ name=’keywords’/>

</b:if>

Speichern Sie die Vorlage und rufen Sie Ihre Webseite erneut auf.  Gehen Sie in den Quelltext
(Firefox strg+u oder Ansicht -> Seitenquelltext anzeigen)
(Chrome strg+u oder rechte Maustaste Seiten-Quelltext anzeigen)

Und wie man sehen kann.  Hat es funktioniert.

<meta content=’Alles über Vogelspinnen, meine Erfahrungen, meine Tipps zur Haltung und aufzucht von Vogelspinnen.’ name=’description’/>

<meta content=’Vogelspinne,Vogelspinnen,vogel-spinne, spinnen, Spinnentiere, arachnophilia ‘ name=’keywords’/>

Somit haben wir jetzt auf der Startseite eine individuellen Keywords und Description Bereich.

Individuelle Keywords und Description Tag in – Beiträgen (posts) und – Seiten (sites)

Das Einfügen der Keywords und der Description in Beiträgen bzw. in Seiten, ist etwas umständlicher.

Man muss leider für jeden Beitrag / Seite die Description + Keyword von Hand definieren und hinzufügen.

Der Code für das Hinzufügen ist ähnlich dem der Startseite. Nur muss, wie bereits erwähnt, für jede Seite / Beitrag ein neuer Code erstellt und hinzugefügt werden.

Der Code sieht folgendermaßen aus:

<b:if cond=’data:blog.url == “http://url of your post”‘>

<meta content=’keywords pertaining to your post’ name=’keywords’/>
<meta content=’crafted description of your post’ name=’description’/>

</b:if>

Wieder zeige ich Ihnen ein kleinen Ausschnitt aus meinem Blog.

<b:if cond=’data:blog.url == &quot;http://url.blogspot.com/2010/09/acanthoscurria-geniculata-vogelspinne.html&quot;’> meta content=’Geniculata,acanthoscurria,acanthoscurria geniculata vogelspinne, vogelspinne, vogelspinnen’ name=’keywords’/>
<meta content=’Die Acanthoscurria geniculata ist einer meiner liebsten Tiere, eine sehr genügsame Vogelspinne. Das Aussehen der Geniculata ähnelt der Smithi …’ name=’description’/>
</b:if>

Jetzt muss die Vorlage wieder abgespeichert werden und die Meta Informationen sind ab sofort vorhanden.

Titel der Webseite anpassen

Wie kann der Titel so geändert werden, dass er vor dem Blog-Titel in der Ergebnisanzeige der Suchmaschinen erscheint?

Rufen Sie dazu den Quelltext auf (Design – HTML bearbeiten). Suchen Sie die Codezeile
<title> <data:blog.pageTitle/> </ title>

und ersetzen diese duch

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <title> <data:blog.pageName/> | <data:blog.title/> </title> <b:else/> <title> <data:blog.pageTitle/> </title> </b:if>

Speichern Sie das Template ab und der Titel ist angepasst.

Tipps und Problemlösungen

  • Maximale ZeichenlängeUm Probleme zu vermeiden sollten Sie sich an folgende Zeichenanzahl haltenTitle Tag – Maximale Zeichen ist 60
    Site Beschreibung – Maximale Zeichen: 150
    Stichwort / Keywords – Maximal 10 Keywords (ca. 200 Zeichen)
  • Kommentieren Sie Ihre Änderungen