Der letzte Begriff – Entwickler – ist ein Sammelbegriff für Softwareingenieure, Programmierer, Front- und Backend-Entwickler sowie IT-Fachkräfte verschiedenster Art. Sie schreiben den Code und/oder verwalten die zugrundeliegenden Webtechnologien, aus denen Websites bestehen und die sie ermöglichen.
In Ihrer Rolle als SEO ist es möglicherweise nicht praktikabel, Programmiersprachen wie C++ und Java, Skriptsprachen wie PHP und JavaScript oder Auszeichnungssprachen wie HTML, XML oder die Stylesheet-Sprache CSS vollständig zu beherrschen.
Und es gibt noch viele weitere Programmier-, Skript- und Auszeichnungssprachen – es wäre eine Herkulesaufgabe, jede einzelne Sprache zu beherrschen, selbst wenn man hauptberuflich Programmierer und nicht SEO-Experte ist.
Für Sie als SEO-Experte ist es unerlässlich, die verschiedenen Sprachen, Technologien und Technologie-Stacks des Webs zu verstehen. Wenn Sie SEO-Empfehlungen geben, die höchstwahrscheinlich von Entwicklern umgesetzt werden, müssen Sie deren Denkweise, ihre Herausforderungen und ihren Arbeitsalltag verstehen – und Sie müssen ihre Sprache sprechen können.
Sie müssen nicht alles wissen, was Entwickler wissen, aber Sie sollten ein gutes Verständnis dafür haben, was Entwickler tun, damit Sie bessere Fragen stellen und SEO-Empfehlungen auf eine Weise geben können, die bei ihnen Anklang findet, und diese Empfehlungen werden dann mit größerer Wahrscheinlichkeit auch umgesetzt.
Wenn man ihre Sprache spricht und versteht, wie ihre Welt aussieht, trägt man zu einem Umfeld der Zusammenarbeit bei, in dem alle an einem Strang ziehen, um die gleichen positiven Ergebnisse zu erzielen.
Und natürlich beinhaltet die Arbeit eines professionellen SEO-Experten neben dem Aufbau partnerschaftlicher Beziehungen auch viel technische Detektivarbeit sowie die Erkennung und Vorbeugung von Problemen. Daher ist das Verständnis verschiedener Aspekte der Webtechnologie nicht optional, sondern obligatorisch.
Webtechnologien können komplex und einschüchternd wirken, aber hoffentlich hilft Ihnen dieser Leitfaden, die Dinge etwas einfacher zu gestalten und einige Wissenslücken zu schließen.
Lass uns gleich einsteigen!
Das Internet vs. das World Wide Web
Die meisten Menschen verwenden diese Begriffe synonym, aber technisch gesehen bedeuten die beiden Begriffe nicht dasselbe, obwohl sie miteinander verwandt sind.
Das Internet begann als ein dezentrales Netzwerk unabhängiger, miteinander verbundener Computer.
Das US-Verteidigungsministerium war im Laufe der Zeit beteiligt und vergab Aufträge, unter anderem für die Entwicklung des ARPANET-Projekts (Advanced Research Projects Agency Network), das ein frühes Paketvermittlungsnetzwerk war und als erstes TCP/IP (Transmission Control Protocol and Internet Protocol) verwendete.
Das ARPANET-Projekt führte zu „Internetarbeiten,„wo verschiedene Computernetzwerke zu einem größeren „Netzwerk von Netzwerken“ zusammengeführt werden können.“
Die Entwicklung des World Wide Web wird dem britischen Informatiker Sir Tim Beners-Lee in den 1980er Jahren zugeschrieben; er entwickelte die Verknüpfung von Hypertext-Dokumenten, woraus ein Informationsaustauschmodell entstand, das „auf“ dem Internet aufbaute.
Es wurde festgelegt, dass Dokumente (Webseiten) in einer Auszeichnungssprache namens „HTML“ (Hypertext Markup Language) formatiert werden sollten und mithilfe von „Hyperlinks“ miteinander verknüpft werden konnten, durch die Benutzer zu anderen Webseiten navigieren konnten.
Web Hosting
Webhosting, kurz Hosting, bezeichnet Dienstleistungen, die es Privatpersonen und Unternehmen ermöglichen, eine Webseite oder Website im Internet zu veröffentlichen. Hosting-Unternehmen verfügen über Server, die im Prinzip den Computern ähneln, die Sie bereits kennen – es gibt aber natürlich auch Unterschiede.
Es gibt verschiedene Arten von Webhosting-Unternehmen, die neben dem Webhosting eine Reihe weiterer Dienstleistungen anbieten; dazu gehören beispielsweise die Registrierung von Domainnamen, Website-Baukästen, E-Mail-Adressen, Website-Sicherheitsdienste und vieles mehr.
Kurz gesagt, ein Webhost ist der Ort, an dem Webseiten veröffentlicht werden.
Webserver
Ein Webserver ist ein Computer, der Webdokumente und -ressourcen speichert. Webserver empfangen Anfragen von Clients (Browsern) nach Webseiten, Bildern usw. Wenn Sie eine Webseite besuchen, fordert Ihr Browser alle Ressourcen/Dateien an, die zum Rendern dieser Webseite benötigt werden. Das läuft ungefähr so ab:
Client (Browser) zum Server: „Hey, ich möchte diese Webseite haben, bitte schickt mir alle Texte, Bilder und sonstigen Inhalte, die ihr für diese Seite habt.“
Server zu Client: "Okay, hier ist es."
Verschiedene Faktoren beeinflussen, wie schnell die Webseite angezeigt (gerendert) wird, unter anderem die Geschwindigkeit des Servers und die Größe der angeforderten Dateien.
Es gibt drei Servertypen, denen Sie am häufigsten begegnen werden:
- Apache ist Open-Source-Software, die mit vielen Betriebssystemen wie Linux kompatibel ist. Ein häufig verwendetes Akronym ist „LAMP-Stack“, das eine Kombination aus Linux, Apache, MySQL (relationale Datenbank) und PHP (einer serverseitigen Skriptsprache) bezeichnet.
- IIS steht für „Internet Information Services“ und ist eine proprietäre Software von Microsoft. Ein IIS-Server wird oft auch als „Windows Server“ bezeichnet, da er unter Windows NT-Betriebssystemen läuft.
- NGINX – ausgesprochen „Engine X“ – wird als Hochleistungsserver beworben, der neben Load Balancing auch als Reverse-Proxy eingesetzt werden kann und weitere Funktionen bietet. Zu seinen erklärten Zielen und seiner Daseinsberechtigung gehört es, andere Servertypen zu übertreffen.
Server-Logfiles
Diese oft als „Logdateien“ abgekürzten Dateien protokollieren die Serveraktivität als Reaktion auf Anfragen nach Webseiten und zugehörigen Ressourcen wie Bildern. Einige Server sind möglicherweise bereits so konfiguriert, dass sie diese Aktivität aufzeichnen, andere müssen entsprechend konfiguriert werden.
Logdateien sind die „Realität“ dessen, was auf einer Website passiert, und enthalten Informationen wie die angeforderte Seite oder Datei, Datum und Uhrzeit der Anfrage, den Benutzeragenten, der die Anfrage stellt, den Antworttyp (gefunden, Fehler, weitergeleitet usw.), den Referrer und einige andere Angaben wie die Anzahl der ausgelieferten Bytes und die Client-IP-Adresse.
SEOs sollten sich mit der Analyse von Logdateien vertraut machen. Um dieses Thema genauer zu beleuchten, lesen Sie die Erläuterung von JafSoft zu einem Beispiel einer Webserver-Logdatei.
fTP
FTP steht für File Transfer Protocol und dient dazu, Ressourcendateien wie Webseiten, Bilder, XML-Sitemaps, robots.txt-Dateien und PDF-Dateien auf Ihren Webhosting-Account hochzuladen, damit diese Dateien im Web über Browser verfügbar und anzeigbar sind. Für diesen Zweck stehen kostenlose FTP-Softwareprogramme zur Verfügung.
Die Benutzeroberfläche ist eine vertraute Ordnerstruktur: Links sehen Sie die Dateien Ihres lokalen Rechners, rechts die des Servers. Lokale Dateien lassen sich per Drag & Drop auf den Server hochladen. Fertig! Ihre Dateien sind im Internet verfügbar! Weitere Informationen finden Sie in der hervorragenden FTP-Anleitung für Einsteiger von Wired.
Domain Name
Ein Domainname ist eine (üblicherweise) Textzeichenfolge und wird in einer URL (Uniform Resource Locator) verwendet. Vereinfacht gesagt: In der URL https://www.website.com ist „website“ der Domainname.
Stammdomäne und Subdomäne
Eine Root-Domain ist das, was wir üblicherweise als Domainnamen kennen, wie zum Beispiel „Website“ in der URL https://www.website.com. Eine Subdomain ist der Teil der URL, der mit „www.“ beginnt. Weitere Beispiele für Subdomains sind news.website.com, products.website.com, support.website.com usw.
Für weitere Informationen zum Unterschied zwischen einer Domain und einer Subdomain.
URL vs. URI
URL steht für „Universal Resource Locator“ (z. B. https://www.website.com/this-is-a-page) und URI steht für „Uniform Resource Identifier“ und ist ein Teil der vollständigen URL (z. B. /this-is-a-page.html).
HTML, CSS und JavaScript
Ich habe HTML, CSS und JavaScript hier zusammengefasst, nicht weil jede von ihnen nicht ihren eigenen Abschnitt verdient hätte, sondern weil es für SEOs wichtig ist zu verstehen, dass diese drei Sprachen einen Großteil der Codierung moderner Webseiten ausmachen (natürlich mit vielen Ausnahmen, von denen einige an anderer Stelle hier erwähnt werden).
HTML steht für „Hypertext Markup Language“ und ist die ursprüngliche und grundlegende Sprache von Webseiten im World Wide Web.
CSS steht für „Cascading Style Sheets“ und ist eine Stylesheet-Sprache, die verwendet wird, um HTML-Elemente auf einer Webseite zu gestalten und zu positionieren und so die Trennung von Präsentation und Inhalt zu ermöglichen.
JavaScript (nicht zu verwechseln mit der Programmiersprache „Java“) ist eine clientseitige Skriptsprache zur Erstellung interaktiver Funktionen auf Webseiten.
AJAX & XML
AJAX steht für „Asynchronous JavaScript And XML“. Asynchron bedeutet, dass Client/Browser und Server unabhängig voneinander arbeiten und kommunizieren können. So kann der Benutzer die Interaktion mit der Webseite fortsetzen, unabhängig von den Vorgängen auf dem Server. JavaScript sendet asynchrone Serveranfragen. Sobald der Server antwortet, passt JavaScript den dem Benutzer angezeigten Seiteninhalt an. Die asynchron vom Server an den Client gesendeten Daten werden im XML-Format verpackt, um die einfache Verarbeitung durch JavaScript zu gewährleisten. Dies reduziert den Datenverkehr zwischen Client und Server und erhöht somit die Antwortzeit und die Geschwindigkeit.
XML steht für „Extensible Markup Language“ und ähnelt HTML, da es Tags, Elemente und Attribute verwendet. Es wurde entwickelt, um Daten zu speichern und zu übertragen, während HTML zur Datendarstellung dient. Im Bereich SEO wird XML am häufigsten in XML-Sitemap-Dateien verwendet.
Strukturierte Daten (auch bekannt als Schema.org)
Strukturierte Daten sind Auszeichnungen, die Sie dem HTML-Code einer Seite hinzufügen können, um Suchmaschinen das Verständnis des Seiteninhalts oder zumindest bestimmter Seitenelemente zu erleichtern. Durch die Verwendung der genehmigten Standardformate stellen Sie zusätzliche Informationen bereit, die es Suchmaschinen ermöglichen, die relevanten Daten auf der Seite leichter zu analysieren.
Gängige Anwendungsgebiete für strukturierte Daten sind die Auszeichnung bestimmter Aspekte von Rezepten, literarischen Werken, Produkten, Orten, Ereignissen verschiedenster Art und vielem mehr.
Schema.org wurde am 2. Juni 2011 als Gemeinschaftsprojekt von Google, Bing und Yahoo (kurz darauf schloss sich Yandex an) ins Leben gerufen, um einen gemeinsamen Satz vereinbarter und standardisierter Schemata für die Auszeichnung strukturierter Daten auf Webseiten zu schaffen. Seitdem ist der Begriff „Schema.org“ synonym mit „strukturierten Daten“ geworden, und die strukturierten Datentypen von Schema.org werden kontinuierlich weiterentwickelt und regelmäßig um neue Typen ergänzt.
Eine der wichtigsten Erkenntnisse zu strukturierten Daten ist, dass sie die Daten für Suchmaschinen verständlicher machen, sodass diese Informationen und Daten leichter erfassen können. Bestimmte Auszeichnungselemente können dazu führen, dass zusätzliche Informationen in den Suchergebnissen (SERPs) angezeigt werden, wie z. B. Sternebewertungen, Zubereitungszeiten für Rezepte usw. Es ist jedoch zu beachten, dass das Hinzufügen strukturierter Daten keine Garantie für solche SERP-Funktionen ist.
Es gibt eine Reihe von Vokabularen für strukturierte Daten, aber JSON-LD (JavaScript Object Notation for Linked Data) hat sich als Googles bevorzugte und empfohlene Methode zur Auszeichnung strukturierter Daten gemäß den Schema.org-Richtlinien etabliert. Es werden jedoch auch andere Formate wie Microdata und RDFa unterstützt.
JSON-LD lässt sich leichter zu Seiten hinzufügen, ist einfacher zu pflegen und zu ändern und weniger fehleranfällig als Mikrodaten, die um bestehende HML-Elemente herum angeordnet werden müssen. JSON-LD hingegen kann als einzelner Block im HTML-Head-Bereich einer Webseite hinzugefügt werden.
Frontend vs. Backend, Client-seitig vs. Server-seitig
Vielleicht haben Sie schon einmal mit einem Entwickler gesprochen, der sagte: „Ich bin Frontend-Entwickler“, und sich gefragt, was das bedeutet. Oder Sie haben jemanden sagen hören: „Oh, das ist eine Backend-Funktionalität.“ Es mag zunächst verwirrend erscheinen, was das alles bedeutet, aber es lässt sich leicht erklären.
„Frontend“ und „Client-seitig“ bedeuten dasselbe: Es findet im Browser statt (wird ausgeführt). JavaScript wurde beispielsweise ursprünglich so entwickelt, dass es direkt auf einer Webseite im Browser ausgeführt wird, also ohne Serveraufruf.
„Backend“ und „serverseitig“ bedeuten dasselbe: Die Verarbeitung (Ausführung) erfolgt auf einem Server. PHP ist beispielsweise eine serverseitige Skriptsprache, die auf dem Server und nicht im Browser ausgeführt wird. Einige Content-Management-Systeme (CMS) wie WordPress verwenden PHP-basierte Vorlagen für Webseiten, deren Inhalt vom Server geladen und im Browser angezeigt wird.
Programmiersprachen vs. Skriptsprachen
Ingenieure und Entwickler haben mitunter unterschiedliche Erklärungen und Definitionen von Begriffen. Manche behaupten, es gäbe letztlich keine Unterschiede oder die Grenzen seien fließend, doch der allgemein anerkannte Unterschied zwischen einer Programmiersprache (wie C oder Pascal) und einer Skriptsprache (wie JavaScript oder PHP) besteht darin, dass eine Programmiersprache einen expliziten Kompilierungsschritt erfordert, während von Menschen erstellter, lesbarer Code in einen spezifischen Satz von Maschinenspracheanweisungen umgewandelt wird, die ein Computer versteht.
Inhalt Management System (CMS)
Ein Content-Management-System (CMS) ist eine Softwareanwendung oder eine Sammlung verwandter Programme zur Erstellung und Verwaltung von Websites (oder, um es etwas eleganter auszudrücken, von „digitalen Inhalten“). Im Kern ermöglicht ein CMS das Erstellen, Bearbeiten, Veröffentlichen und Archivieren von Webseiten, Blogbeiträgen und Artikeln und verfügt in der Regel über diverse integrierte Funktionen.
Die Verwendung eines Content-Management-Systems (CMS) zur Erstellung einer Website bedeutet, dass kein Code von Grund auf neu geschrieben werden muss. Dies ist einer der Hauptgründe für die große Beliebtheit von CMS.
Ein weiterer gemeinsamer Aspekt von CMS-Systemen sind Plugins, die in das Kern-CMS integriert werden können, um Funktionalitäten zu erweitern, die nicht zum Funktionsumfang des Kern-CMS gehören.
Gängige Content-Management-Systeme (CMS) sind beispielsweise WordPress, Drupal, Joomla, ExpressionEngine, Magento, WooCommerce, Shopify und Squarespace. Es gibt aber noch viele, viele weitere.
Content Delivery Network (CDN)
CDNs, die manchmal auch „Content Delivery Network“ genannt werden, sind große Netzwerke von Servern, die geografisch verteilt sind, mit dem Ziel, Webinhalte von einem Serverstandort in der Nähe des anfragenden Clients bereitzustellen, um die Latenz (Übertragungsverzögerung) zu reduzieren.
CDNs speichern Kopien Ihrer Webinhalte auf mehreren Servern zwischen. Die Server in der Nähe des Website-Besuchers liefern dann die angeforderten Inhalte aus. CDNs gewährleisten hohe Verfügbarkeit und hohe Leistung.
HTTPS, SSL und TLS
Webdaten werden zwischen Computern in Form von Datenpaketen übertragen. Clients (Webbrowser) dienen als Benutzerschnittstelle, wenn wir eine Webseite von einem Server anfordern. HTTP (Hypertext Transfer Protocol) ist die Kommunikationsmethode, die ein Browser verwendet, um mit einem Server zu kommunizieren und Anfragen zu stellen. HTTPS (Hypertext Transfer Protocol Secure) ist die sichere Version davon.
Website-Betreiber können ihre Website auf HTTPS umstellen, um die Verbindung zu den Nutzern sicherer zu gestalten und sie weniger anfällig für „Man-in-the-Middle-Angriffe“ zu machen, bei denen ein Dritter die Kommunikation abfängt oder möglicherweise verändert.
SSL steht für „Secure Sockets Layer“ und ist ein Standard-Sicherheitsprotokoll zur verschlüsselten Kommunikation zwischen Server und Browser. TLS (Transport Layer Security) ist eine neuere Version von SSL.
HTTP/1.1 & HTTP/2
Als Tim Berners-Lee 1989 das HTTP-Protokoll entwickelte, verfügte der von ihm verwendete Computer nicht über die Rechenleistung und den Speicher heutiger Computer. Ein Client (Browser), der sich über HTTP/1.1 mit einem Server verbindet, empfängt Informationen in einer Abfolge von Netzwerk-Anfrage-Antwort-Transaktionen, die oft als „Roundtrips“ zum Server oder auch als „Handshakes“ bezeichnet werden.
Jeder Roundtrip benötigt Zeit, und HTTPS ist eine HTTP-Verbindung mit integrierter SSL/TLS-Verschlüsselung, die einen weiteren Handshake mit dem Server erfordert. All dies kostet Zeit und verursacht Latenz. Was früher schnell genug war, ist heute nicht unbedingt schnell genug.
HTTP/2 ist die erste neue Version von HTTP seit 1.1. Vereinfacht gesagt ermöglicht HTTP/2 dem Server, dem Client/Browser mehr Ressourcen schneller bereitzustellen als HTTP/1.1, indem Multiplexing, Komprimierung, Priorisierung von Anfragen und Server Push genutzt werden, wodurch der Server Ressourcen an den Client senden kann, die noch nicht angefordert wurden.
Anwendungsprogrammierschnittstelle (API)
Anwendung ist ein Oberbegriff, der vereinfacht gesagt eine Art Software bezeichnet, die bestimmte Aufgaben ausführen kann. Zu den Anwendungen gehören Software, Webbrowser und Datenbanken.
Eine API ist eine Schnittstelle zu einer Anwendung, typischerweise einer Datenbank. Die API fungiert wie ein Bote, der Anfragen entgegennimmt, dem System mitteilt, was gewünscht wird, und die Antwort zurücksendet.
Wenn Sie in einem Restaurant sind und möchten, dass die Küche Ihnen ein bestimmtes Gericht zubereitet, ist der Kellner, der Ihre Bestellung aufnimmt, der Bote, der zwischen Ihnen und der Küche kommuniziert. Dies ist vergleichbar mit der Verwendung einer API zum Anfordern und Abrufen von Informationen aus einer Datenbank.
AMP, PWA und SPA
Wenn Sie heute eine Website erstellen möchten, haben Sie viele Möglichkeiten.
Sie können es von Grund auf selbst erstellen, indem Sie HTML für die Inhaltsbereitstellung, CSS für das Erscheinungsbild und JavaScript für interaktive Elemente verwenden.
Alternativ können Sie ein CMS (Content-Management-System) wie WordPress, Magento oder Drupal verwenden.
Oder Sie könnten es mit AMP, PWA oder SPA erstellen.
AMP AMP steht für Accelerated Mobile Pages und ist eine Open-Source-Initiative von Google. Sie umfasst einen festgelegten Satz von HTML-Tags und verschiedene Funktionskomponenten, die sich ständig weiterentwickeln. Der Vorteil von AMP liegt in den blitzschnellen Ladezeiten von Webseiten, sofern diese gemäß den AMP-Spezifikationen programmiert wurden. Der Nachteil besteht darin, dass einige gewünschte Funktionen möglicherweise noch nicht unterstützt werden und es zu Problemen mit der korrekten Analyse der Webseitendaten kommen kann.
PWA steht für Progressive Web App und vereint die Vorteile von traditionellen Websites und mobilen Apps. PWAs bieten Nutzern ein App-ähnliches Erlebnis mit Funktionen wie Push-Benachrichtigungen, Offline-Nutzung und der Möglichkeit, ein Startsymbol auf dem Mobiltelefon zu erstellen.
Durch die Verwendung von „Service Workern“ zur Kommunikation zwischen Client und Server kombinieren PWAs schnell ladende Webseiten mit der Funktionalität einer nativen Smartphone-App. Da PWAs jedoch JavaScript-Frameworks sind, können verschiedene technische Herausforderungen auftreten.
Single-Page-Anwendungen (SPAs) unterscheiden sich von herkömmlichen Webseiten, die jede vom Benutzer in einer Sitzung angeforderte Seite durch wiederholte Serveranfragen laden. SPAs hingegen laufen direkt im Browser, und neue Seiten, die in einer Benutzersitzung angezeigt werden, müssen nicht erneut vom Server geladen werden.
Zu den Hauptvorteilen von Single-Page-Anwendungen (SPAs) zählen die vereinfachte und effizientere Entwicklung sowie eine sehr schnelle Benutzererfahrung. Zu den Hauptnachteilen gehören potenzielle SEO-Probleme, da Suchmaschinen Inhalte, die per JavaScript bereitgestellt werden, nicht immer zuverlässig verarbeiten können. Auch die Fehlersuche kann schwieriger sein und mehr Entwicklerzeit in Anspruch nehmen.
Es ist wichtig zu beachten, dass der zukünftige Erfolg jeder dieser Webtechnologien letztendlich von der Akzeptanz durch die Entwickler abhängt.
Fazit
Es bräuchte natürlich ein sehr langes Buch, um jedes einzelne Detail der Webtechnologie abzudecken, aber dieser Leitfaden soll Ihnen als professionellem SEO hilfreiche Informationen liefern, um einige Lücken in Ihrem Verständnis verschiedener wichtiger Aspekte der Webtechnologie zu schließen.
Ich habe in diesem Artikel zahlreiche Links bereitgestellt, die als Ausgangspunkt für weitere Recherchen zu verschiedenen Themen dienen. Es besteht kein Zweifel, dass SEOs mit vielen weiteren Themen vertraut sein sollten, wie beispielsweise robots.txt-Dateien, Meta-Robots-Tags, rel-Canonical-Tags, XML-Sitemaps, Server-Antwortcodes und vieles mehr.
_____
by David Portney
Quelle: searchenginewatch.com
