Mit Hilfe von AJAX k\u00f6nnen Sie die Nutzerfreundlichkeit Ihrer Site erheblich verbessern und dynamische Seiten erstellen. Aber auch hierbei kann bei fehlerhafter Implementierung die Indexierung einer Website erschwert werden.<\/p>\n
Stellen Sie sicher, dass der Content von Suchmaschinen gelesen werden kann.<\/p>\n
HTML bereitet \u00fcberhaupt keine Probleme, bei JavaScript kann es jedoch zu Problemen kommen. Sie sollten sich daher \u00fcberlegen, ob HTML-Codes nicht die optimale Wahl ist.<\/p>\n
Bedenken Sie immer, dass Sie Ihre Website nicht f\u00fcr Suchmaschinen, sondern f\u00fcr menschliche Nutzer erstellen, den Sie bei der Erstellung Ihrer Site immer im Hinterkopf behalten sollten. Denken Sie daran, dass nicht alle User \u00fcber einen JavaScript-f\u00e4higen Browser verf\u00fcgen. Dies trifft vor allem auf von Bildschirmleseprogrammen oder mobilen Endger\u00e4ten zu. Testen Sie Ihre Site immer wieder auch mit deaktiviertem JavaScript oder in einem ausschlie\u00dflich textbasierten Browser wie Lynx. Dadurch erhalten Sie Informationen \u00fcber den Content, der von Google-Bot nur schwer gefunden werden kann. Dazu z\u00e4hlen unter anderem Content, der in Bilder oder Flash eingebettet ist.<\/p>\n
\n
Wenn Sie gerade dabei sind, Ihre Website neu zu erstellen, sollten Sie dar\u00fcber nachdenken, sich f\u00fcr Struktur und Navigation Ihrer Site auf HTML zu beschr\u00e4nken. Wenn Sie Ihre Site auf diese Weise erstellt haben, k\u00f6nnen Sie sie im Nachhinein mit AJAX verbessern. So erhalten Sie eine nutzer- und suchmaschinenfreundliche Website.<\/p>\n
Gestalten Sie Ihre Links so, dass wenigstens ein statischer Link zur Verf\u00fcgung stellt und trotzdem eine JavaScript-Funktion aktiviert werden kann. So schlagen Sie zwei Fliegen mit einer Klappe: JavaScript-Nutzern stehen die AJAX-Funktionen zur Verf\u00fcgung, w\u00e4hrend Nutzer ohne JavaScript das Skript nicht beachten und dem Link folgen k\u00f6nnen.<\/p>\n
Beispiel:<\/strong><\/p>\n <a href=“ajax.htm?foo=32″ onClick=“navigate(‚ajax.html#foo=32‘);<\/p>\n return false“>foo 32<\/a> Oftmals kommt es vor, dass verschiedene URLs auf den gleichen Content verweisen.<\/p>\n Sie betreiben beispielsweise eine Kunst-Website und eines Ihrer beliebtesten Werke ist ein abstraktes Gem\u00e4lde. Die Produktseite f\u00fcr das Gem\u00e4lde kann \u00fcber unterschiedliche URLs aufgerufen werden, besonders bei der Verwendung von Sitzungs-IDs oder \u00e4hnlicher Parameter:<\/p>\n \n http:\/\/www.example.com\/produkte\/moderne_kunst\/abstrakt<\/p>\n http:\/\/www.example.com\/produkte?kategorie=kunst&epoche=modern&cruel=no<\/p>\n http:\/\/example.com\/shop\/index.php?produkt_id=32&highlight=abstrakt+farbe&cat_id=1&sitzungsid=123&affid=431><\/p>\n http:\/\/example.com\/kunst\/moderne?gclid=ABCD<\/p>\n http:\/\/www.example.com\/kunst\/abstrakte_kunst.html Wenn http:\/\/www.example.com\/kunst\/abstrakte_kunst.html die autorisierte URL sein soll, teilen Sie dies den Suchmaschinen mit, indem Sie das Attribut rel=“canonical“ verwenden.<\/p>\n F\u00fcgen Sie dieses Attribut dem Code der nicht autorisierten URLs hinzu.<\/p>\n \n http:\/\/example.com\/kunst\/abstrakte_kunst.html?gclid=ABCD<\/p>\n http:\/\/example.com\/kunst\/index.php?product_id=32&highlight=abstrakt+kunst&cat_id=1&sessionid=123<\/p>\n Damit stellen Sie sicher, dass alle URLs auf die von Ihnen autorisierte Seite unter http:\/\/www.example.com\/kunst\/abstrakte_kunst.html weiterleiten.<\/p>\n Sie k\u00f6nnen auch Ihre bevorzugte URL mit einem XML-Sitemap festlegen. Hinweise zur Erstellung eines XML-Sitemap finden Sie fr\u00fcher in diesem Buch.<\/p>\n Unter Umst\u00e4nden kann es vorkommen, dass Sie Ihren Hostbetreiber wechseln oder Ihre IP-Adresse \u00e4ndern. Wenn Ihre URL bei einem Betreiberwechsel oder einer \u00c4nderung der IP-Adresse erhalten bleibt, hat dieser Wechsel keine Auswirkung auf die Aufnahme Ihrer Website bei Google. Wollen Sie Ihre Website an eine neue IP-Adresse verschieben, schauen Sie sich die folgenden Vorschl\u00e4ge genau an.<\/p>\n Kopie Ihrer Website an die neue IP-Adresse hochladen<\/p>\n Namensserver so aktualisieren, dass er auf die neue IP-Adresse verweist<\/p>\n nach Abruf der neuen IP-Adresse durch Crawler Kopie der Website\u00a0 an der alten IP l\u00f6schen<\/p>\n Sorgen Sie auch f\u00fcr 301-Weiterleitungen. Dies ist die beste Art, Besucher und Suchmaschinen an die richtige Seite weiter zu leiten. Mit dem Code 301 informieren Sie dar\u00fcber, dass die Seite dauerhaft an einen neuen Speicherort verschoben worden ist.<\/p>\n Besonders in einem der folgenden F\u00e4lle empfiehlt sich eine 301-Weiterleitung:<\/p>\n \u00dcbertragung Ihrer Website auf eine neue Domain mit m\u00f6glischst problemlosen \u00dcbergang<\/p>\n Zugriff auf Ihre Site \u00fcber verschiedene URLs. Wenn Ihre Startseite zum Beispiel \u00fcber verschiedene Seiten aufgerufen werden kann – wie http:\/\/example.com\/startseite, http:\/\/startseite.example.com, oder http:\/\/www.example.com \u2013 kann es sinnvoll sein, eine dieser URLs als Ihr bevorzugtes Ziel bestimmen und 301-Weiterleitungen einzurichten. Besucher werden so von anderen URLs dorthin weitergeleitet. Zur Festlegung Ihrer bevorzugten Domain eignen sich auch die Google Webmaster-Tools.<\/p>\n zwei Websites sollen zusammen gelegt werden und es sollen alle Links zu veralteten URLs auf die aktuelle URL umgeleitet werden<\/p>\n Zur Einrichtung einer 301-Weiterleitung f\u00fcr Websites auf einem Apache-basierten Server m\u00fcssen Sie Zugriff auf die „.htaccess“-Datei Ihres Servers besitzen. (Falls Sie sich bei Ihrem Zugriff oder Ihrer Server-Software nicht sicher sind, wenden Sie sich an Ihren Webhoster.)<\/p>\n Unter Umst\u00e4nden m\u00f6chten Sie Ihre Website auf eine neue Domain \u00fcbertragen, aber das Ranking Ihrer Seite behalten. Dazu m\u00fcssen Sie zun\u00e4chst den 404 (nicht gefunden)-Fehler vermeiden.<\/p>\n Sind \u00c4nderungen in Ihrem Angebot oder Ihres Layouts der Grund der Verschiebung, sollten Sie dar\u00fcber nachdenken, die Ver\u00e4nderung in zwei Phasen vorzunehmen:<\/p>\n \u00dcbertragung der Website<\/p>\n Ver\u00f6ffentlichung des neuen Layouts<\/p>\n Durch diese Schrittfolge reduzieren die Menge der \u00c4nderungen und kann einen reibungslosen \u00dcbergang gew\u00e4hrleisten. Auch das Auftreten und die Behebung von Fehlern k\u00f6nnen dadurch erleichtert werden.<\/p>\n F\u00fcr eine dauerhafte Weiterleitung auf Ihre neue Website nutzen Sie am besten die 301-Weiterleitung. Empfehlenswert ist es, zun\u00e4chst nur einzelne Abschnitte oder Verzeichnisse zu verschieben und die f\u00fcr diese eingerichteten Weiterleitungen zu testen. Wenn alles reibungslos funktioniert, k\u00f6nnen Sie den gesamten Content verschieben und Weiterleitungen einrichten.<\/p>\n Nicht zu empfehlen sind dagegen einzelne Weiterleitungen auf die neue Website f\u00fcr alle Besucher. Zwar kann dies 404-Fehler vermeiden, allerdings w\u00fcrde der Nutzerkomfort leiden. Obwohl eine Weiterleitung von Seite zu Seite viel aufwendiger ist, k\u00f6nnen Sie damit Ihr Website-Ranking und die Nutzerfreundlichkeit Ihrer Seite beibehalten.<\/p>\n Wenn Ihnen eine 1:1-Weiterleitung der alten Website auf Seiten mit entsprechendem Content, sollten Sie versuchen, Weiterleitungen zu Seiten mit \u00e4hnlichem Content zu etablieren.<\/p>\n Wichtig ist auch eine \u00dcberpr\u00fcfung externer und interner Links zu Ihren Seiten. Im Idealfall sollten Sie mit allen Webmastern, die Ihre Seite verlinkt haben, Kontakt aufnehmen und die Links zu Ihrer Seite aktualisieren lassen. Oft ist dies jedoch nicht umsetzbar, leiten Sie alle Seiten auf Ihre neue Website um.<\/p>\n \u00dcberpr\u00fcfen, testen und aktualisieren Sie auch die internen Links Ihrer Site und stellen Sie sicher, dass sie Ihre neue Domain als Ziel haben. Nach \u00dcbertragung des Contents \u00fcberpr\u00fcfen Sie mit einem Linkchecker wie Xenu, ob alle alten und ung\u00fcltigen Links entfernt worden sind. Dies ist vor allem f\u00fcr absolute Links (wie www.example.com\/kunst\/gem\u00e4lde\/moderne.html) von Bedeutung.<\/p>\n Um ganz sicher zu gehen, behalten Sie Ihre alte Website f\u00fcr wenigstens noch 180 Tage.<\/p>\n Vergessen Sie auch nicht, Ihre neue Website Ihrem Webmaster-Tools-Konto hinzuzuf\u00fcgen und zu best\u00e4tigen. Sie k\u00f6nnen f\u00fcr Ihre neue Website nun alle Funktionen der Webmaster-Tools wie beschrieben nutzen.<\/p>\n \u00dcberpr\u00fcfen Sie zum Abschluss anhand der Zahler der Webmaster-Tools, ob die Funktion einwandfrei ist. Beachten Sie, dass einige Zeit verstreichen kann, bis sich alle \u00c4nderungen in den Messungen niederschlagen.<\/p>\n Zu einer fr\u00fcheren \u00dcberpr\u00fcfung des Prozesses eignen sich folgende Methoden:<\/p>\n Web-Crawling-Fehler sowohl der alten, als auch der neuen Websites. So k\u00f6nnen Sie \u00fcberpr\u00fcfen, ob die Funktion der 301-Weiterleitungen einwandfrei ist und keine 404-Fehler auf der neuen Site auftauchen.<\/p>\n Normalerweise wird ein 404-Fehler angezeigt, wenn Unterseiten Ihrer Website angew\u00e4hlt werden, die nicht mehr zu Ihrer Website geh\u00f6ren. Da automatisch generierte Meldungen f\u00fcr den Nutzer unbefriedigend sind, sollten Sie in Erw\u00e4gung ziehen, eine benutzerdefinierte 404-Seite zu erstellen. Zudem haben Sie die M\u00f6glichkeit, Ihrer selbst erstellten 404-Seite das 404-Widget der Webmaster-Tools hinzuzuf\u00fcgen. Dadurch erhalten Ihre Nutzer nicht nur eine Fehlermeldung, sondern gleichzeitig auch n\u00fctzliche Vorschl\u00e4ge:<\/p>\n Ein Suchfeld f\u00fcr Ihre Website mit ad\u00e4quaten Suchvorschl\u00e4gen einrichten.<\/p>\n Alternativen f\u00fcr falsche URLs bereitstellen.<\/p>\n Hinweis:<\/strong> Google stellt zum gegenw\u00e4rtigen Zeitpunkt nicht f\u00fcr alle Websites Vorschl\u00e4ge f\u00fcr die beste \u00dcbereinstimmung, alternative URLs und XML-Sitemaps zur Verf\u00fcgung.<\/p>\n Um das Widget zu Ihrer benutzerdefinierten 404-Seite hinzuzuf\u00fcgen, kopieren Sie den unten stehenden Code und f\u00fcgen ihn in Ihre Seite zwischen den Tags <body> und <\/body> ein. Ersetzen Sie die URL http:\/\/www.example.com durch die URL Ihrer eigenen Website.<\/p>\n Sie k\u00f6nnen die Darstellung des 404-Widgets auf Ihrer 404-Seite ver\u00e4ndern, wenn Sie \u00fcber CSS-Kenntnisse verf\u00fcgen. F\u00fcgen Sie dazu Ihrer benutzerdefinierten 404-Seite folgenden Code hinzu:<\/p>\n <style type=“text\/css“><\/p>\n \/* Widget content container *\/<\/p>\n #goog-wm { }<\/p>\n \/* Heading for „Closest match“<\/p>\n #goog-wm h3.closest-match { }<\/p>\n \/* „Closest match“ link<\/p>\n #goog-wm h3.closest-match a { }<\/p>\n \/* Heading for „Other things“ *\/<\/p>\n #goog-wm h3.other-things { }<\/p>\n \/* „Other things“ list item *\/<\/p>\n #goog-wm ul li { }<\/p>\n \/* Site search box *\/<\/p>\n #goog-wm li.search-goog { display: block; }<\/p>\n <\/style> (#goog-wm): Breite, F\u00fcllung, Rand und Hintergrundfarbe f\u00fcr das 404-Widget.<\/p>\n (#goog-wm h3.closest-match): Textfarbe, beste \u00dcbereinstimmung, Umrandung, F\u00fcllung, Schriftgr\u00f6\u00dfe und Rand.<\/p>\n (#goog-wm h3.other-things): Farbe der \u00dcberschrift \u201eAnderes\u201c.<\/p>\n display:none: Deaktivierung des sonst standartm\u00e4\u00dfig sichtbaren Google-Website-Suchfelds. F\u00fcgen Sie diesen Wert nur hinzu, wenn Sie das Suchfeld nicht anzeigen lassen m\u00f6chten.<\/p>\n #goog-wm {<\/p>\n width: 800px;<\/p>\n padding: 1em;<\/p>\n border: 3px solid #aebd63;<\/p>\n background-color: white;<\/p>\n }<\/p>\n #goog-wm h3.closest-match {<\/p>\n color: #8f2831;<\/p>\n border-bottom: 3px dashed #aebd63;<\/p>\n padding-bottom: 0.5em;;<\/p>\n font-size: 170%;<\/p>\n margin: 0;<\/p>\n }<\/p>\n #goog-wm h3.closest-match a { }<\/p>\n #goog-wm h3.other-things {<\/p>\n color: #8f2831;<\/p>\n }<\/p>\n #goog-wm ul li { }<\/p>\n #goog-wm li.search-goog {<\/p>\n display: none;<\/p>\n }<\/p>\n Wenn Sie auf Ihren Server zugreifen k\u00f6nnen, erstellen Sie unbedingt eine benutzerdefinierte 404-Seite. Diese unterst\u00fctzt Ihre User und hilft ihnen, die gesuchten Informationen zu finden. Zudem kann sie User dazu anregen, Ihre Seite weiter zu nutzen.<\/p>\n Hinweis: Hier geht es um die Erstellung des Content Ihrer 404-Seite. Wie Ihr Server am besten konfiguriert wird, erfahren Sie in der Dokumentation Ihres Servers oder Webhosters. Ein 404-Statuscode soll verhindern, dass Suchmaschinen Ihre benutzerdefinierte 404-Seite indexieren.<\/p>\n Auf Grund ihrer HTML-Struktur kann eine 404-Seite beliebig angepasst werden. Beachten Sie dabei bitte die folgenden Hinweise:<\/p>\n Machen Sie mit Hilfe freundlicher und einladender Erkl\u00e4rungen deutliche, dass die gesuchte Seite nicht gefunden werden kann.<\/p>\n Geben Sie Ihrer 404-Seite dasselbe Design und dieselbe Navigation wie Ihrer Website.<\/p>\n Verlinken Sie die am h\u00e4ufigsten gelesenen Artikel und Posts. Sorgen Sie auch f\u00fcr einen Link zu Ihrer Startseite.<\/p>\n Geben Sie Ihren Nutzern die M\u00f6glichkeit einen fehlerhaften Link zu melden.<\/p>\n Stellen Sie sicher, dass Ihre 404-Seite nicht in den (Google-) Suchergebnissen angezeigt wird. Dazu m\u00fcssen Sie daf\u00fcr sorgen, dass Ihr Webserver bei Aufruf einer nicht existierenden Seite einen tats\u00e4chlichen 404-HTTP-Statuscode ausgibt.<\/p>\n Eine schnelle und einfache Methode ist das erweiterte 404-Widget. Dieses f\u00fcgt Ihrer benutzerdefinierten 404-Seite ein Suchfeld hinzu.<\/p>\n Teilen Sie mit Hilfe des Tools \u201eAdress\u00e4nderung\u201c Google Ihre neue Domain mit.<\/p>\n","protected":false},"excerpt":{"rendered":" 7. Arbeiten mit AJAX-erweiterten Websites Mit Hilfe von AJAX k\u00f6nnen Sie die Nutzerfreundlichkeit Ihrer Site erheblich verbessern und dynamische Seiten erstellen. Aber auch hierbei kann bei fehlerhafter Implementierung die Indexierung einer Website erschwert werden. Stellen Sie sicher, dass der Content von Suchmaschinen gelesen werden kann. HTML bereitet \u00fcberhaupt keine Probleme, bei JavaScript kann es jedoch […]<\/p>\n","protected":false},"author":1,"featured_media":134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[9,18,8],"class_list":["post-101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-webmastertools","tag-aufbau","tag-google-webmastertools","tag-webseite"],"_links":{"self":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":7,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/101\/revisions\/260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/media\/134"}],"wp:attachment":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nBetrachten Sie sich das Beispiel genauer. Sie werden bemerken, dass der statische Link einen Parameter (?foo=32) anstelle des vom AJAX-Code verwendeten Fragments (#foo=32) enth\u00e4lt. Diese Verfahrensweise macht sich die Tatsache zu Nutze, dass Suchmaschinen in der Regel zwar URL-Parameter verstehen, Fragmente dagegen normalerweise ignorieren. Indem Sie statische Links verwenden, ist ein direkter Verweis auf ausgew\u00e4hlten Content m\u00f6glich.<\/p>\n8. Doppelter Content<\/h2>\n
\nF\u00fcr jede Version der Seite k\u00f6nnen Sie einen autorisierten Link anlegen.<\/p>\n9. Verschieben Ihrer Website<\/h2>\n
a. Verschieben Ihrer Webseite<\/h3>\n
b. 404-Seiten<\/h3>\n
i. \u00c4ndern der Darstellung des benutzerdefinierten 404-Widgets<\/h4>\n
\nIm Anschluss muss das CSS angepasst werden, um das entsprechende Element wie gew\u00fcnscht zu modifizieren. Beachten Sie dabei folgende Codes:<\/p>\nii. Benutzerdefinierte 404-Seiten<\/h4>\n