Ecommerce, SEO, Gadgets, Mac und Internet Themen

(Google)Robots-freundliche Inhalte durch Nachladen von Inhalt mittels jQuery?!

Kategorie: web-development

EDIT:
Google nennt sowas Cloaking. “Cloaking bezeichnet den Versuch, Nutzer zu täuschen, indem Suchmaschinen und Besuchern unterschiedlicher Content oder unterschiedliche URLs bereitgestellt werden.”


Ich habe in meinem letzten Beitrag eine Möglichkeit beschrieben HTML Inhalte mit jQuery (JavaScript) dynamisch nachzuladen. Allerdings habe ich im nachhinein festgestellt, dass im verarbeiteten Quellcode des Browsers der Inhalt leider nicht auftaucht — es ist lediglich der “alternative content” zu sehen. Ein Tool, welches mir die Seite aus Sicht eines Google-Bots anzeigt, bestätigte mir die Befürchtung.

Aus SEO’s Sicht ein Fluch und Segen zugleich. Einerseits lassen sich so im “alternative content” viel Roboter-freundlichere Texte unterbringen, die der normale User der Seite als abgehackt und grammatikalisch falsch empfinden würde, anderseits muss der “alternative content” mit jeder Änderung des nachgeladenen Contents händisch aktualisiert werden.

Glaubt man SEO Meinungen, die besagen, dass der SEO dem Genitiv sein Tod sei und die SEO Grammatik ein Fall für sich sei so ließe sich der “anderseits Teil” eher vernachlässigen und die Tatsache, dass der nachgeladene Inhalt für die Robots nicht sichtbar ist, eher als Gewinn (aus SEO’s Sicht) betrachten.

HTML mit JavaScript (jQuery) nachladen

Kategorie: web-development

Manchmal ist es ganz nützlich den Inhalt einer HTML Seite extern nachzuladen. Beispielsweise ist es unheimlich nützlich, wenn eine vom Shop oder CMS losgelöste Landingpage (Startseite) hinundwieder mit frischem Inhalt versorgt werden will, die Quelldaten des Templates aber im Verzeichnisbaum in der Dunkelheit des Grabens verscharrt sind, oder dieser Inhalt von propriätär gestalteten Templates ferngehalten werden soll. Ist das Templatesystem bereits auf php basierend, ist es indes sehr leicht mit Hilfe eines includes HTML Inhalt nachzuladen.

<?php include('file.html'); ?>

Besteht das Templatesystem jedoch aus reinen HTML Dateien, wird es etwas komplizierter. Hier gibt es an sich wohl nur zwei Möglichkeiten: Server Side Includes (SSI) oder JavaScript. Da SSI nicht bei jedem Hoster funktioniert, besteht also im Prinzip nur die Möglichkeit über JavaScript. Mit Javascript lässt sich bspw. der Inhalt von div Elementen sehr einfach manipulieren und somit auch durch einen nachgeladenen Code ersetzen. Dazu stehen hier stellvertretend zwei divs mit je eigener ID, deren Inhalt beim laden der Seite per JS verändert wird


  <div id="teaserContent">alternative content</div>
  <div id="teaserContent2">alternative content</div> 

Der alternative content ist dabei sehr wichtig, da sonst User ohne JavaScript an dieser Setlle nur ein weißes Feld ohne jeglichen Inhalt zu sehen bekämen. Der nachfolgende JavaScript Aufruf überschreibt dann den alternative content mit dem Dateien im angebenem Pfad. Er steht absichtlich nicht in einer document.ready() Umgebung, da der Inhalt möglichst schnell und vor dem rest der Seite nachgeladen werden soll.


<script type="text/javascript">
  $(function () {
    $('#teaserContent').load('landingpage/teaser.html');
    $('#teaserContent2').load('landingpage/teaser2.html');
  });
</script> 

Anschließend sei noch geraten, die div Elemente mit der korrekten Größe von vornherein mittels CSS zu versehen, da sonst während des Nachladens die Elemente der Seite springen!

HTML Codes für Umlaute

Kategorie: web-development

HTML schreibweise für ä,ö,ü,ß
bevor ich sie mir immer suchen muss:

ä -> &auml;
Ä -> &Auml;
ö -> &ouml;
Ö -> &Ouml;
ü -> &uuml;
Ü -> &Uuml;
ß -> &szlig;
€ -> &euro;
& -> &amp;
< -> &lt;
> -> &gt;
” -> &quot;

dank an [dh]

replace self-defined chars with htmlcode

Kategorie: web-development
str_replace ( array ( '&', '<', '>','ä','Ä','ö','Ö','ü','Ü','ß' ),
array ( '&amp;', '&lt;' , '&gt;', '&auml;','&Auml;', '&oum;l','&Ouml;'
       ,'&uuml;','&Uuml;','&szlig;' ),
$string );

str_repalce durchsucht in diesem Fall die Quelle $string mit einem Suchmuster, welches im ersten Array definiert ist und ersetzt diese durch die dazugehörigen Zeichen im zweiten Array.

Cebit 2009 — Akkreditierungen für Blogger offen

Kategorie: Cebit 08

Die Cebit 2008 hatte erstmals Blogger als Presse zugelassen. Dieses Jahr steht das Medium Blog sogar offiziell im Akkreditierungsformular!

Das angegebene Blog wird geprüft und ggf. als Presse zugelassen! Die Presse hat an allen Tagen freien Eintritt und zudem Zutritt zum Planet Reseller (weitere Vorteile).

Anmeldefrist 01. Februar 2009

miZine ist zugelassen (ich habe gestern meinen Presseausweis bekommen)


Update: Und so kommt man mit myDeals kostenlos zur Cebit


wpSEO optimiert Blogs fr Suchmaschinen - automatisch und effizient.
Viktor Dite Mizine on Twitter Viktor Dite on Google+