SEO Tutorial 2026 – Warum deine Website niemand findet!

0:00Du hast deine erste Website deployed. Alles funktioniert, aber nach einer Woche immer noch null Besuche. Das muss nicht unbedingt an schlechtem Code liegen, sondern einfach daran, dass Google dich nicht kennt. Was das bedeutet, wollen wir uns heute einmal anschauen. Das Wichtigste zu beginnen ist einfach SEO. SEO ist Search Engine Optimization, bedeutet Search Engine. Google. Google kann dich bewerten, deine Seite bewerten und sagt: "Hey, ich möchte dich eher weiter oben anzeigen oder eher nicht so." Und wer jetzt sagt, ich google ja gar nicht mehr, h manche tun es immer noch. Außerdem ist natürlich auch die Bewertung von Google bzw. die Sicht von Google auf deine Seite super wichtig

0:38auch für KI, denn hier wird einiges schon rausgezogen und kann dann dementsprechend weitergeleitet werden. Und deswegen ist es sehr, sehr wichtig, dass wir den Türsteher namens Google auf jeden Fall zufriedenstimmen und dementsprechend dort schon einige wichtige Informationen mitliefern können. Und dafür haben wir zu Beginn gleich drei wichtige Steps. Und ich möchte dir erst einmal ein Beispiel zeigen, wo das Ganze vielleicht nicht ganz so optimal gelaufen ist. Wollen wir

1:04uns diese Seite einmal genauer angucken. Optisch das Ganze ist doch fein. Wir haben ein bisschen Information. Wir haben hier einen kleinen Laden aufgemacht und können jetzt hier somit z.B. Shihmen verkaufen. Bedeutet, das ganze ist eigentlich okay. Wenn wir jetzt aber mal Rechtsklick und untersuchen machen, zumindest unter Chrome ist das Google Chrome ist eine Empfehlung hier an der Stelle als Browser zu benutzen, kommen wir in die Entwickler Tools. Hier sehen wir ganz viel Code. Teilweise schauen wir uns das gerne auch noch mal an, aber wir wollen hier oben auf Lighthouse gehen, denn Lighthouse erlaubt uns, hier können wir noch mehr anklicken, wenn wir das wollen. eine Seite

1:42leichtgewichtig zu analysieren. Natürlich gibt's da noch viele Tools, die das viel mehr in der Tiefe machen, aber um einen ersten Eindruck zu bekommen, was Google von unserer Seite hält, ist Lighthouse ein sehr, sehr wichtiger Part und wir können diese Seite jetzt, indem wir sagen, analyzed, einfach mal analysieren. Dann wird hier ein bisschen hin und her geschoben und auf einmal sehen wir, dass hier dann doch das Ergebnis nicht ganz so optimal ist. Und das können wir mit drei einfachen Tricks auf jeden Fall verbessern. Nun gehen wir doch mal rein in den Code und von den Tipps, den ich gesprochen habe, möchte ich den ersten auch gleich schon mal ansprechen,

2:17nämlich Semantik. Semantik ist etwas, was sehr unterschätzt wird, weil HTML ist ja keine Programmiersprache, das muss man gar nicht lernen. Doch, doch, ganz massiv. Und zwar, wenn wir uns den Code von einer Website mal angucken, dann ist das im Grunde auch das, was z.B. Google als Programm. Ja, mehr ist es nicht. Es ist kein Mensch, der dahinter steht. Es ist ein Programm, das was dieses Programm liest. Und wenn ein Programm etwas lesen soll, müssen wir dem auch ganz klar sagen, was wo wie zu finden ist. Und das bedeutet, dass wir auf HTML Semantik ganz klar eingehen müssen. Also die ganzen einfachen Sachen wie es gibt nur eine H1, ein H1 Element,

2:53was ganz deutlich macht, was ist auf der Seite zu finden, der Titel der Seite sozusagen oder dass wir ein schöner Fehler, den wir hier auf dieser Seite z.B. zu finden ist. Wenn ich ein bisschen rauszoome, haben wir hier oben diese kleine Navigationsbar, ne? Das heißt, ich kann da drauf drücken und dann würde das theoretisch irgendwo hinleiten und so weiter, aber ich weiß ja gar nicht, ist das überhaupt ein Navigationsbar? Wie kann ich das herausfinden, indem ich sage: "Hey, ich gehe einfach mal, man kann mit diesem Picker einfach mal ein Element nehmen und dann sieht man, wo das im Code verschachtelt ist und ich gehe hoch. Das

3:22ganze hier ist eine Liste. Soweit so gut. Das sollte auch eine sein, aber das Ding ist eine DIF. Warum ist es eine DI? macht gar keinen Sinn. Der DI ist quasi der Allrounder, der den man immer reinwerfen kann. Dann das Ergebnis kommt irgendwie hin, aber Google hat keine Ahnung, was das ist. Und zwar ist es

3:44einfach irgendwas. Bedeutet hier z.B. eine NAF einzusetzen, eine NAF Element, um klar zu machen, das ist ein Navigationsbar, dann hast du schon viel viel mehr gewonnen und das kann man mit vielen Dingen tun, ne? einfach mal ganz klar machen, das ist eine Überschrift. Das ist hier, na ja, gut, das ist noch mal ein bisschen Zusatzinfo. Das sind Bilder, das ist die Beschreibung zu dem Bild. Das kann man deutlich machen, den man hier z.B. Figer und Fick Caption verwendet, nur mal so in den Raum

4:06geworfen und so weiter und so fort. Bedeutet, dass wir sehr viel mehr Informationen mitliefern können, wenn wir vernünftiges semantisches HTML schreiben und das macht Google glücklich und wir wollen Google glücklich machen. Das zweite und super wichtige ebenfalls ist die Ladezeit. Oft wird es sehr unterschätzt und das kann man relativ einfach verbessern. Wir gehen mal auf Lighthouse. Hier könnte man nämlich theoretisch oben auf Plus gehen, noch mal neu machen und hier noch mal die Performance einklicken. In meinem Beispiel ist da jetzt nicht so viel zu retten, weil so viele Bilder sind es

4:38nicht und die sind schon sehr optimiert. Aber stell dir vor, dieses Bild hier ist einfach 10 MB groß. Völliger Quatsch. Es muss ja gar nicht so groß sein. Optimiere die Bilder, die du anzeigen möchtest, auf eine gewisse Größe. Optimiere deinen Code, das nicht zu viel geladen werden muss, obwohl das gar nicht benötigt wird. Alles, was du nicht brauchst, raus damit. Alles, was viel

5:00Rechenleistung benötigt, raus damit. Google checkt, ob deine Seite schnell lädt, ob die schnell alles angezeigt bekommt und dabei sind gerade so große Dateien wie Videos, wie Bilder, etwas, was wir nicht unterschätzen dürfen. 500 KB eher so 1 MB. Da kann man sich so zwischendrin ganz gut bewegen, das ist so eine Faustregel, aber entscheide

5:21natürlich nachdem, was du hier brauchst. Wenn wir runtergehen, z.B. hier unten ein Facebook Icon. Ganz ehrlich, das Ding muss keine 500 KB groß sein, das kann auch kleiner sein, vielleicht auch mal ein SVG verwenden und sowas macht sehr vieles aus und macht deine Seite einfach optimaler, Performance technisch natürlich ausgereifter und somit ist es genau das, was du beachten solltest, um

5:43wiederum Google glücklich zu machen. Punkt Nummer 3, sehr unterschätzt und extrem wertvoll und man sieht ihn nicht. Metatags sind die Dinge, die du oben in deinem Headbereich von deinem HTML niederschreibst. Und wenn wir das Ganze hier mal betrachten, dann ist es so, dass wir in dieser Version hier, na ja, ich würde mal sagen, nicht viel drin stehen haben, außer hier so ein bisschen UTF8. Dann haben wir ein paar Links zu gewissen Dateien, den Titel der Seite und das FF Icon. Das ist das, was wir hier oben sehen. Aufgrund dessen, da denkt man schon eher dran, aber da kann man noch so viel mehr reinschreiben. Und deswegen wollen wir uns jetzt einmal ein

6:19gutes Beispiel dafür angucken, um zu sehen, was für Informationen dort noch stehen können. Nun kommen wir endlich zum optimierten Teil, da wo du mal richtig siehst, wo wir noch mal wirklich nachlegen können. Und hier habe ich es schon offen und erstmal sieht das irgendwie gleich aus. Aber wenn wir z.B. mal auf das Ding hier gehen, haben wir hier auch direkt schon das Naff Element drin. Bedeutet, das Ganze ist optimierter. Semantik ist drinne. Und bevor wir jetzt diesen Metabereich öffnen, würde ich noch mal ganz kurz sagen, lass einfach mal Lighthaus

6:46anschmeißen und sehen, was passiert. Wenn wir das machen und das Ganze durchlaufen lassen, dann sollte hier gleich auf jeden Fall, na ja, Seo ist noch nicht ganz optimiert, aber auf jeden Fall 19 von 20 in Accessibility. Accessibility, was ist das? Das ist diese Wcagnummer. Was genau das bedeutet? Wir haben unten in der Beschreibung auf jeden Fall auch noch mal ein Video dazu. Kannst du gerne auch noch mal reinschauen, was WCRG im Detail ist. Aber gerade für z.B. sehbeinderte Menschen oder generell andere Menschen mit Einschränkung, die deine Seite benutzen wollen, da achtet Google auch sehr drauf und da hilft z.B. auch Semantik und so. Bedeutet, dass wir da

7:21natürlich extrem viel drauf achten wollen. Wenn wir jetzt hier noch mal reingucken und uns anschauen wollen, was denn jetzt hier im Headbereich abgeht. Ich sag ja Metatags, ne? Da brauchen wir viele von. So ist es auch. Und auf einmal ist unser Head aber Rapunzelvoll. Wenn wir jetzt hier mal reinschauen, sehen wir, was da alles drinne ist. Z.B. haben wir Meta Name Description. Also

7:43einfach mal eine Beschreibung der Seite. Macht Sinn, oder? Denn Google greift gerne direkt auf die ganzen Metachen zu und schaut sich an, was genau bietet die Seite. Eine kleine Beschreibung hilft dann natürlich genauso wie der Autor. Wer hat die Seite zu verantworten? Wo kann man das dann dementsprechend noch mehr einordnen? Und dann haben wir hier unten noch weitere zwei Stück und zwar sehr spannend die mit dem Property OG Type, OG Image, OG und so weiter. Das sind Dinge und genauso wie mit diesem

8:14Twitter Ding hier, die die Anzeige z.B. im Social Media Bereich oder anderweitig noch mal deutlich verbessern. Also, wir haben hier nicht nur den Vorteil, dass man hier sehr viel rauslesen kann, sondern dass man mit dem einfachen Link und das testen wir gleich auch noch mal aus, das Ganze woanders besser anzeigen lassen kann. Nun dieses OG und Twitter und so weiter mal in der Anwendung. Wir gehen rein z.B. bei LinkedIn, völlig

8:39egal, Social Media, irgendwo was posten. Ich gebe dann Link ein und dann das kennst du wahrscheinlich, dass sich hier dann so ein kleiner Kasten bildet. Diese Card, das kannst du über diese Metatext gestalten. Bedeutet, dass das nicht nur gut für Google ist. Google findet das natürlich cool, sondern auch für dich, ne? Deine Seite sollte natürlich irgendwo auch gut sichtbar sein. Das heißt, das ist noch ein kleiner eine kleine Ontop Information, die dein Game hier auf jeden Fall noch verbessert. SEO haben wir jetzt drauf. Wichtig, mit den paar Tricks kannst du da schon sehr viel drehen und hierbei ganz klar, das braucht ein bisschen Zeit, ne? Also nur,

9:15weil du das jetzt ganze ähm eingerichtet hast, heißt es nicht, dass es sofort funktioniert. Das kann manchmal ein, zwei Wochen brauchen und danach solltest du sichtbare Erfolge erleben. Das nächste, was aber wichtig ist, nicht nur die Search Engine Optimization, sondern die Ansine Optimization. Warum das? Warum die AO? Ganz einfach, weil wir natürlich auch Antworten liefern wollen. Wie tun wir das? Das schauen wir uns mal

9:38ganz kurz an, indem wir auf z.B. Developer Academy gehen und hier mal im Hertebereich ein bisschen runter scrollen, denn ab einem gewissen Punkt, ob man jetzt unbedingt dieses Script nehmen muss oder von irgendeiner anderen Seite, guckt da auf jeden Fall rein, findet man ein Script type Application/LD+ Jason und das ganze hier beinhaltet, wenn wir das aufklappen, super viel Information. Gehen wir das jetzt Stück für Stück durch? Nein, wir wollen es nicht so langweilig halten. Viel wichtiger ist, dass wir z.B. jetzt bei Google mal eingeben, die Google Rich results, da die Testseite zu. Wenn wir da drauf gehen, finden wir hier oben genau diesen Link und hier kannst du

10:18deine Seite einfach mal eingeben und sehen, was du genau in dieser Jason alles mitgegeben hast. Was ist denn da für uns interessant? Ich habe das jetzt hier auch Spaß mals gemacht für diese Seite hier. Bedeutet, dass wir hier z.B. unter Videos oder FAQ könnte man auch noch mal gucken äh mal reingucken können. Hier ist z.B. von Matthias Testimonial drinne und all das sind die Dinge, die man aus dieser Jason auch mit auslesen kann. Also super praktisch diese natürlich zu generieren und dann auch einzusetzen und für deine US Casase natürlich anzupassen ist sehr sehr wichtig, denn deine Seite sollte Antworten liefern und dementsprechend wird sie aufgrund dieses Jons natürlich

10:55auch dann gefunden. Hierbei möchte ich noch mal ganz kurz klar maachen, früher war das noch ein bisschen anders in der Suche. Bedeutet, dass man dann meistens unter deinem Link noch so ein bisschen mehr Informationen gefunden hat, vielleicht ein bisschen FAQ auch noch dargestellt worden ist. Das hat Google weitgehend geblockt. Heißt, wir brauchen es nicht mehr. Nein, nein, um Gottes Willen, nein. Die Informationen sind trotzdem noch wichtig. Die Anzeige bei Google wird geblockt, aber viele benutzen heutzutage auch KI. Und somit natürlich, wenn z.B. für Chatti gefragt wird oder Cloud oder was auch immer dir gerade gefällt, dann wird auch das ausgelesen und auch das kann dann dementsprechend weiterhelfen und deine

11:33Seite wird dadurch relevanter. Nächste Thema ist Geo. Geo ist natürlich schon komplett durchdacht, denn Generative Engine Optimization ist etwas, was uns schon Jahrzehnte verfolgt. Nee, das Ding ist nämlich, dass das Ding ist natürlich noch nicht so perfekt erforscht und das ganze für KI perfekt darzustellen, deine Seite ist etwas, das wird sich auch weiterhin noch ein bisschen verändern. Das heißt, das Wichtigste, was ich dir hier mitgeben kann, sind drei Tipps, die auf jeden Fall so gelten und auf jeden Fall auch so weiter gelten werden, denn es gibt ein paar Dinge, die die KI wirklich wirklich gerne hat und somit das ist zu beachten. Nummer eins ist auf jeden

12:11Fall, dass du deine Seite gut strukturieren solltest. Wir haben über Semantik schon gesprochen und dass das ein wichtiges Thema ist. Aber man darf dabei nicht vergessen, ich rede jetzt hier nur von HTML Elementen. Diese können natürlich grundsätzlich eine Seite gut darstellen. Was ist denn aber, wenn du einen Text hast? Du kannst einen Text auch über HTML-el Elemente noch mal deutlich gliedern und vernünftig darstellen. Zwischenüberschriften einfügen, nicht einfach alles nur mit

12:37P-Een machen und so weiter und so fort. Macht deinen Text für so eine Maschine deutlich besser lesbar. Nummer 2 auch nicht zu verachten und gehört ebenfalls zu Texten, nämlich einfach eine Behauptung aufzustellen, interessiert die KI nicht. Belege das Fakten, Fakten, Fakten. Bedeutet sag nicht einfach nur Python ist eine super Sprache, sondern Python ist sehr leicht zu lernen, da das Ganze relativ einfach aufgebaut ist und die Syntax ist leicht zu verstehen. Das bietet deutlich mehr Wert als eine

13:06Seite, die einfach nur so peison ist. Geil, auch wenn wir natürlich alle Preisen lieben, ne? muss sein. Das ist auf jeden Fall Nummer zwei und sehr, sehr wichtig. Und Nummer 3, das ist vielleicht nicht ganz etwas, was du in deinen HTMLCode implementieren kannst. Vielleicht ein bisschen, wenn du Links zu anderen Seiten bringst, aber platziere dich mit deinem Link, mit deiner Website auf so vielen Seiten wie

13:28möglich. Reddit ist ein super Beispiel. Reddit wird sehr sehr gerne rangezogen. Gerade von der KI sieht man das sehr oft. Ich habe eine Frage und dann sieht man beim Laden dieses aufpoppen des kleinen Reddit Symbols. Deswegen das ist etwas, was ich auf jeden Fall schon mal so mitgeben kann. Ich bin gespannt, wie sich dieses Themenfeld weiterentwickeln wird, was für feste Prinzipien wir dort haben werden. Aber grundsätzlich sind diese drei auf jeden Fall etwas. Das gilt definitiv und das gilt auch zu beachten. Kleiner Nebendisclaimer noch einmal, wenn du natürlich die Seite selber auch noch bauen lernen möchtest, dann wir haben uns eben schon mal die

14:01Seite der Developer Academie angeguckt. Schau mal ganz oben. Erster Link ist auf jeden Fall schon mal die Möglichkeit, da noch mal reinzuschnuppern, um zu sehen, ob wir vielleicht dir helfen können, das Knohow aufzubauen, um solche Seiten natürlich noch besser bauen zu können. Und somit das Ganze hat mich auf jeden Fall beeindruckt, dieses Thema immer wieder ist es eine sehr, sehr spannende

14:18Sache, denn es wird einfach vergessen. Ich sehe es sehr oft, dass es einfach vergessen wird und dann sagt man so, ich habe doch so viel Mühe gegeben, aber es ist einfach nicht schön. Doch schön wahrscheinlich schon, aber es wird nicht gesehen. Das ist das Problem. Und zwar von jemandem, dessen Augen du ja gar nicht auf dem Schirm hast. Vielleicht ne, dessen Augen eine Seite anders betrachten. Seiß die KI, sei es Google, völlig egal. Das muss man auf jeden Fall aus diesem Blickwinkel noch einmal sehen. Und deswegen interessiert es mich natürlich extrem, was du sagst. und das lass gerne unten in den Kommentaren. Was war für dich heute neu? Was hast du

14:51jetzt vielleicht sogar direkt in dein Projekt implementiert, wenn du gerade dabei bist? Finde ich immer sehr, sehr spannend auch zu sehen, wo man dann tatsächlich Impact hat. Oder hast du vielleicht alles schon gewusst, dann sehr geil. Dann bist du auf jeden Fall auf dem guten Weg, nicht nur 12 User auf deiner Seite zu haben, sondern eher 5000. Die wünsche ich euch natürlich alle und aufgrund dessen kann ich nur

15:09noch eins sagen, es war mir eine Freude. Schaut auf jeden Fall auch noch mal in der Beschreibung rein, denn dort haben wir auch das Video verlinkt zu WCG, wo wir darüber noch mal ein bisschen gesprochen haben, weil das ist der nächste Step auf jeden Fall noch. Und dann bleibt nur noch eins bis zum nächsten Mal. Es hat mir sehr viel Spaß gemacht und ich wünsche euch somit einen wunderschönen Morgen, Mittag, Abend,

15:28wann auch immer ihr dieses Video schaut. M.