So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Aufbau einer SEO-freundlichen Website mit AJAX

Für alle Heimwerker da draußen gibt es eine SEO-freundliche Möglichkeit, eine Community-bezogene Website zu entwickeln, die mit AJAX (auch als asynchrones JavaScript und XML bekannt) erstellt wurde. Diese Alternative verwendet AJAX ausgiebig, löst aber viele der Probleme, die durch Suchmaschinen und Benutzerprobleme verursacht werden. Während es noch in Arbeit ist, bietet es Lösungen, die der Suchmaschinenoptimierung und dem Marketing zugute kommen.

Suchmaschinen-Bots sind dafür bekannt, JavaScript zu ignorieren. JavaScript-Umleitungen wurden oft missbraucht, was überhaupt nicht geholfen hat. Abgesehen davon, dass es für den Tracker „unfreundlich“ ist, werden im Fall von AJAX häufig auch andere Funktionen, die den Benutzer betreffen, gehemmt. (zum Beispiel die Verwendung des Zurück-Buttons). Dies sind einige Probleme, die bei der Verwendung von JavaScript auf einer Website auftreten.

Eine AJAX-basierte Social-Media-Plattformlösung ist jetzt verfügbar, die sowohl benutzer- als auch suchmaschinenfreundlich bleibt. Die Open-Source-Lösung, die behauptet, viele der Benutzerprobleme und Probleme zu lösen, die sich auf die Suchmaschinenoptimierung und die Benutzererfahrung auswirken, ist als Orca bekannt.

Das von BoonEx entwickelte Orca Interactive Forum Script ist eine AJAX-Lösung, die die Probleme eines funktionierenden Zurück-Buttons, der Verwendung von Permalinks, einer suchmaschinenfreundlichen Struktur und lesezeichenfähigen Seiten gelöst hat. Das Skript wird auch so entwickelt, dass es eindeutige Seitentitel-Tags und einfach zu verwendende URLs enthält. Zusätzlich zum Skript für das interaktive Orca-Forum wird es auch Skripte für Verzeichnisse, Wikis und Blogs geben.

Für die technisch Fortgeschrittenen werden einige der Probleme auf diese Weise gelöst.
Die Notwendigkeit für mehrere Variationen eines Codes entfällt. Eine Lösung, die viele Entwickler in der Vergangenheit verwendet haben, bestand darin, eine Website für den Benutzer und eine andere für Suchmaschinen zu erstellen. In diesem Fall wird die XSL-Transformation (XSLT) verwendet, um Websiteinhalte zu erstellen und das Problem zu lösen. Da XSLT clientseitig (im Browser) oder serverseitig (dh PHP) ausgeführt werden kann, besteht keine Notwendigkeit, zwei Sites zu erstellen. Ein Code kann für den Benutzer und die Suchmaschine verwendet werden.

Wenn Sie sich beispielsweise die URL des Orca-Forums ansehen:

Killerwal-Anlage

Wenn ein Benutzer auf diese URL klickt, führt der Browser das onclick-Ereignis aus, und wenn die return f.selectForum(5, 0)-Anweisung „false“ zurückgibt, führt der Browser den onclick-Code aus und folgt nicht dem Link im href-Attribut. In diesem Fall wird auf der Clientseite eine XSL-Transformation ausgeführt (gut für die Serverleistung, da die XSL-Transformation auf dem Clientcomputer durchgeführt wird).

Wenn eine Suchmaschine auf diese URL „klickt“, sieht sie nur den href-Teil der URL und öffnet eine Seite mit einer regulären URL mit demselben Seiteninhalt. In diesem Fall wird die XSL-Transformation serverseitig durchgeführt und diese URL generiert eine normale HTML-Seite.

Und um das Problem einer dysfunktionalen Zurück-Taste zu lösen, ist dies die Lösung, die sie anbieten. Der Zurück-Button in Orca basiert auf dem #-Symbol nach der URL. JavaScript kann den Wert in der URL nach dem #-Symbol lesen und ändern, ohne die Seite neu zu laden, aber ein Browser speichert diese URL (mit anderem Text nach dem #-Symbol) im Verlauf des Browsers.

Die Reihenfolge (wie in Orca):

  • Der Benutzer öffnet ein Forum über AJAX
  • JavaScript lädt den Zielbereich auf der Seite neu und speichert Informationen zu dieser Aktion in der URL (Beispiel: #action=goto&forum_id=5)
  • Der Browser speichert diese URL im Verlauf
  • Der Benutzer klickt auf die Zurück-Schaltfläche

JavaScript sieht, dass sich der #-Teil der URL geändert hat, nimmt den neuen Text nach dem #-Symbol, parst ihn und ruft JavaScript auf, um den Zielbereich auf der Seite neu zu laden (Beispiel: #action=goto&forum_id=3 würde Themen im Forum öffnen mit ID =3)

Mozilla und IE handhaben diese URLs (mit geändertem Text nach dem #-Symbol) unterschiedlich. Der JavaScript-Code für sie ist also anders, aber der Algorithmus ist derselbe.

Beachten Sie, dass die xsl-Transformation sehr streng ist: Sie müssen xsl-Templates sehr sorgfältig schreiben, aber am Ende des Tages werden Sie einen vollkommen gültigen HTML-Code haben.

Brunnen

Hat jemand Erfahrung mit einer dieser Lösungen? Wie hat sich das auf Ihr SEO ausgewirkt? Fühlen Sie sich frei, Ihre Erfahrungen oder Gedanken zu teilen.