galvezgil.com

"Kaufe" deine eigene Hex-Codierte Farbe bei www.myhexcolor.com :)

Es ist echt erstaunlich was es immer wieder für verrückte Geschäftsideen gibt. Und sogar renomierte Online-Shops wie arktis.de machen mit.

Aber irgendwie auch verständlich: Es wird ein SEO-relevanter Link auf der Homepage eingebunden und die 5$ müssen dafür nur einmal investiert werden. Aus SEO Gesichtspunkten kann es also auf jeden Fall mehr nützen als schaden. Vorallem wenn die Seite viele Verlinkungen durch Beiträge wie meinen erhält.

Erinnert doch stark an The Million Dollar Homepage.

Der Traffic auf die eigene Seite kommt immer mehr über Facebook und weniger über Suchmaschinen. So kann man bei Facebookbiz nachlesen, daß Nachrichtenseiten im Juni 2011 zu 14,3% eingehende Besucher über Facebook messen konnten. Im Vorjahr waren dies noch lediglich 3,1%.

Der Traffic wird unter anderem über die Social Plugins wie der "Send Button" generiert, oder auch über die Kommentarfunktion. Webseitenbetreiber sollten sich dessen bewusst sein, daß Facebook bei der Darstellung im Feed auf bestimmte (Meta-)Daten zugreift. Genauso wie es in der klassischen SEO wichtig ist einen guten Titel und korrekte Meta-Daten zu pflegen, so bleibt es auch in Zeiten von Social Media.

Beschrieben werden diese Meta-Tags im Open Graph protocol. Zu den wichtigsten gehören:

"og:title" - Wird im Feed als klickbaren Titel des Beitrags angezeigt Dieser sollte in der Regel von einem suchmaschinenoptimierten Titel abweichen und den Inhalt des Links möglichst klar repräsentieren. Am Ende des Titels wäre evtl. ein Hinweis auf die Seite angebracht um den Beitrag besser in einen Kontext zu setzen, z.B. "Reis in China umgefallen - Beitrag von weltnachrichten.org"

"og:description" - Kurzbeschreibung welche im Feed unter dem Titel angezeigt wird Sollte möglichst klar und kurz die Seite oder den Beitrag beschreiben und den Inhalt gut anteasern um Lust auf "mehr" zu machen. Optimal wäre hierfür ein eigenes Feld im CMS oder der Blog-Software zu haben um die Daten Facebook-spezifisch anzusteuern.

"og:image" - Bild welches neben der Beschreibung angezeigt wird Ich denke das gehört mit zu den wichtigsten Meta-Tags für den Open Graph. Titel und Beschreibung entnimmt sich Facebook notfalls bereits vorhandenen Meta-Daten oder eben dem TITLE-Tag. Bei dem Bild wählt er aber automatisch ein Bild aus der Website, was nicht immer passend sein muss. Hier sollte also immer das Hauptbild eines Produktes, Nachrichtenbeitrags oder bei einer Firmenseite das Logo mit einer Mindestgröße von 50x50 Pixeln enthalten. Eine Möglichkeit wäre bei Nachrichtenseiten in das Bild das Logo mit einzuarbeiten und so vielleicht die Klickrate auf den Feed-Eintrag weiter zu steigern. Über entsprechende (PHP-)Skripte ist dies einfach und automatisiert möglich.

Viele weitere Informationen zu diesen und weiteren Tags finden sich auch auf der Protokoll-Spezifikation unter ogp.me.

Testen kann die benutzten Meta-Angaben über den URL-Linter von Facebook. Dort werden einem die Daten aufgeschlüsselt die Facebook aus den Meta-Tags gezogen hat. Ich empfehle sehr dieses Tool zu nutzen bevor man mit seinen Änderungen "Live" geht. Danach sollte man die echte Darstellung in seinem Feed testen indem man die URL "liked" oder teilt.

In diesem Zusammenhang sollte man nicht vergessen, daß zu jeder URL auch eine eigene Admin-Seite mit Statistiken und weiteren Möglichkeiten von Facebook bereitgestellt wird. Daher sollte die Seite auch Angaben über den Administrator bei Facebook enthalten, z.B.

<meta property="fb:admins" content="USER_ID1,USER_ID2"/>

For me CSS-Sprites are really fascinating. To use them is a very clever and efficient technology. To see and analyze them in big professional sites is interessting and inspiring. Today I present you a little collection of CSS-Sprites I stumbled upon on big sites. Hover to see details.

Single Sign-On für Facebook

Wundere mich bei vielen iPhone Apps, daß diese Technologie in den meisten Fällen nicht implementiert wird. Es ist wirklich genial sich nicht erneut einloggen zu müssen um Apps Berechtigungen zu erteilen.

Statt dessen werde ich in vielen, auch populären, Apps immer noch mit dem alten Login-Dialog konfrontiert.

Phonegap Sehr interessantes OpenSource Projekt welches vor einigen Tagen die Version 1.0 erreicht hat: Phonegap ermöglicht es Anwendungen für diverse mobile Plattformen mit HTML und JavaScript zu schreiben. Über eine JavaScript API können native Funktionen (z.B. Kamera-Funktion) aufgerufen werden. Plugins ermöglichen es diese API zu erweitern. Für kleinere Projekte mit geringen Performance-Anforderungen und ebenso geringem Budget auf jeden Fall eine Alternative um erste AppStore Erfahrungen zu machen. Für größere Projekte sollte man, meiner Meinung nach, nativen Code vorziehen.

Unter diesem Link findet sich ein sehr einfaches Workaround um Telefonnummern nicht mehr von Skype zu einem Click-To-Call Link umwandeln zu lassen.

Google Photos, Dokumente und mehr per API nutzen: Get picky with the Google Picker API

Video des Tages: Vibrationen von Gitarrensaiten mit dem iPhone aufgezeichnet. Normalerweise sieht man die Saiten nicht so schwingen, aber die iPhone Kamera nutzt in diesem Fall eine höhere Framerate wodurch der Effekt sichtbar wird.