Become a Creator today!Start creating today - Share your story with the world!
Start for free
00:00:00
00:00:01
Planung neuer Website-Komponenten und Templates
196 Plays6 months ago
André und Jolle tauschen sich darüber aus, wie sie eine Landingpage konzipieren und Kunden Feedback zu deren Designs und Templates geben.
SEO ist dabei ein wichtiger Aspekt, aber noch lange nicht der wichtigste. Wie bekommst du eine gute UX und beziehst Feedback von Usern direkt mit ein? Welche Elemente und Komponenten werden gebraucht? In welcher Reihenfolge sollten sie erscheinen? Wie verhinderst du, zu viele externe Ressourcen wie iframes zu verwenden? Und helfen dir Post-its dabei, direkt für mobile zu optimieren?
All das erfährst du in der aktuellen Folge.
Erwähnte Quellen:
- Tom Critchlow sammelt kreative Websites
- Karl Kratz über dynamische Landingpages
- Video: André bei der Landingpage-Planung live und in Farbe
- Figma
Wir hören uns gleich im Podcast! Schick uns deine Fragen und Anregungen gerne an [email protected].
Recommended
Transcript
Planung einer neuen Website: Komponenten und Vorlagen
00:00:01
Speaker
In der heutigen Episode sprechen Joel und ich über die Planung neuer Website, Komponenten und Templates. Viel Spaß dabei!
00:00:22
Speaker
Einen schönen guten Morgen, Mittag, Abend, wann auch immer du diese Episode vom Podcast für gute Websites wirst.
SEO bei Website-Relaunches: Ein integraler Bestandteil?
00:00:28
Speaker
Wir heißen dich herzlich willkommen. Hallo Jolle. Hallo André. Na, sag mal, eine Frage, die ich selber mir immer stelle, wie andere damit umgehen, deswegen gebe ich sie mal direkt an dir weiter. Ihr habt ja auch öfter mit Relaunches, gehe ich mal davon aus, zu tun. Oder?
00:00:48
Speaker
Ja, das eine oder andere Mal. Und so in meiner Laufbahn gab es ziemlich oft den Punkt, dass ich gesehen habe, da hat man sich was Schönes ausgedacht, aber an die SEO wurde dabei nicht gedacht. Wie geht ihr denn davor, wenn ihr so ein Layout kriegt, wo man jetzt nicht so sehr, ich sag jetzt mal, SEO DNA feststellt?
00:01:13
Speaker
Also wenn wir einen Entwurf kriegen, einen Design kriegen, ein Template kriegen, dann sind wir ja schon mit im Boot und dürfen ja tatsächlich unser Feedback abgeben. Das ist ja dann quasi schon ein Gewinn.
Bedeutung von SEO im Designprozess
00:01:25
Speaker
Stimmt, man ist schon mal gefragt. Offenbar sind wir schon gefragt und können dann sagen, super, sieht gut aus oder wie es aussieht, kennen wir uns ja gar nicht so gut aus, aber vielleicht haben wir den einen oder anderen Wunsch,
00:01:38
Speaker
Noch. Und dann können wir das tatsächlich formulieren. Also das ist ja wirklich der gute Case. Heißt immer noch nicht, dass das dann so in die Umsetzung geht. Ich habe ja gelernt, bei dir geht das dann immer alles so durch. Aber wir sehen das halt häufig auch, dass man da mahnen und sprechen kann, so viel man will und es dann doch nicht klappt. Aber zum Glück gibt es auch die anderen Fälle, wo wir unseren Input noch geben können und dann tatsächlich noch dran geschraubt wird am Template. Das ist dann immer gut.
00:02:04
Speaker
Was ich immer spannend finde, natürlich ist es auch bei mir nicht so, dass immer alles durchgewunken wird. Aber ich sehe schon Unterschiede, wenn ich ein Projekt mache, wo ich vielleicht selber die Person bin, die am Ende das Projekt dann auch leitet. Oder ob ich mit anderen oder von anderen quasi etwas vor die Nase gesetzt kriege und dann irgendwie schauen muss, wie ich das ins Lot bringe.
00:02:32
Speaker
Und bei mir entdecke ich dann immer wieder, dass ich dann so, jetzt mal ganz böse gesagt, wenn man so ganz, ganz einfach denkt, dann würde man sagen, das ist wohl der Seo-Text, aber ich entdecke auch bei mir, dass ich immer mal so Komponenten in einer Landing-Page oder in einem Template habe,
00:02:52
Speaker
die vorrangig tatsächlich dazu dienen, eben, ich sag jetzt mal, Relevanz zu erzeugen in irgendeiner Form. Also das heißt nicht, dass das primär für alle Nutzenden der Website dann relevant ist, aber es gibt halt auch durchaus so Inhaltskomponenten, auf die kann ich nur schwer verzichten, wenn ich irgendwie relevant sein will. Nenn mir doch mal eine.
00:03:16
Speaker
Das ist jetzt eine Frage, die mir klar war, dass die kam oder kommt. Jetzt muss ich mal kurz überlegen, was das wäre. Nehmen wir mal an, ich würde
00:03:31
Speaker
eine Landingpage bauen zum Thema Podcast-Episoden. Ich baue ja gerade auch für unseren Podcast die Website und da muss ich für die Episoden-Seiten gerade mir überlegen, was wären denn das eigentlich für Komponenten, die hier irgendwo drauf sein sollten im Idealfall.
Herausforderungen: SEO-relevanter Inhalt im Design
00:03:49
Speaker
oder aber auch, was für Inhalte es sind. Und da gibt es ja vielleicht den ein oder anderen Podcatcher, den ich vielleicht selber gar nicht benutzen würde, der aber, wenn man zum Beispiel zum Thema SEO-Podcast und nach einer ausführlichen Analyse im Termlabs gibt es gewisse Podcatcher, die man vielleicht erwähnen muss. Jetzt mal ganz einfach ausgedrückt. Und dann würde ich mir vielleicht überlegen, wie kriege ich denn diesen Podcatcher
00:04:18
Speaker
Obwohl ich vielleicht da was komplett gegen habe, den zu nennen, auf meine Landingpage drauf. Ich weiß, das ist jetzt mega abstrakt, aber ich hatte das selber mal lange Zeit, da wollte ich noch zur WordPress Agentur ranken mit einer Landingpage und da war es wirklich unabdingbar, dass man das Wort Referenzen
00:04:37
Speaker
auf seiner Seite drauf hat. Ich darf aber so gut wie keinerlei Referenzen nennen. Das ist dann natürlich schwierig, wenn du sowas inhaltlich verwursten musst, aber es eigentlich gar nicht darfst. Also zumindest nicht wirklich dann was zeigen. Und so kann man sich vielleicht ein bisschen rein denken, was ich gerade meinte mit dem Podcatcher, den ich vielleicht gar nicht darstellen möchte.
00:04:59
Speaker
Aber das ist, finde ich, schon nochmal ein anderes Thema, denn auf irgendeine Art und Weise wirst du es ja dann doch getan haben oder dich dazu entschlossen haben oder dich dagegen entschieden haben. Aber wenn wir jetzt mal für den vereinfachten Fall, dass wir einfach sagen,
00:05:14
Speaker
Das ist ein Term, den wir gerne auf der Seite haben möchten. Und auch wenn uns der Podcatcher nicht gefällt werden, wie wir es tun, sagen wir mal, diese Entscheidung ist schon gefallen, dann sind wir ja jetzt dann tatsächlich bei der Umsetzung fürs Template und sagen, okay, wir brauchen auf jeden Fall Elemente wie Überschriften und Text und vielleicht Bildelemente, wo wir auch einen Alltext pflegen können und so weiter, wo wir sowas dann unterbringen können.
00:05:40
Speaker
Richtig. Genau. Deswegen ist ja auch so ein bisschen der Titel dieser Episode, wie wir Templates und Komponenten planen und wie man da irgendwie sich rantasten kann, wenn man selber gerade auf der Agenda stehen hat, dass man eben einen neuen Bereich des eigenen Onlineshops oder der eigenen Website quasi planen
Planung einer Landingpage: Nutzererfahrung im Fokus
00:06:00
Speaker
soll. Deswegen fangen wir das vielleicht mal ganz vorne an. Wenn wir jetzt mal so tun würden, wir würden uns eine Landingpage für unsere Episoden bauen,
00:06:08
Speaker
Wie würden wir denn da vorgehen? Was würdest denn du machen als erstes? Ich würde erstmal froh sein, dass wir ja schon eine ganze Episode zu CMS gemacht haben. Das heißt, wir lassen jetzt mal den Kram unter der Haube weg, dass wir Canon-Ickels pflegen wollen und so weiter. Darüber hatten wir schon gesprochen, wenn wir jetzt wirklich vom Frontend was User dann auch sehen. Reden, dann hätte ich gerne oben eine H1.
00:06:32
Speaker
Jetzt meldet sich mein AirTag hier gerade, weil ich ihn in die Hand genommen habe. Eine H1 hättest du gerne oben. Mehrere oder eine? Ich hätte gern genau eine H1. Aber lass es doch mal straffen, denn wenn du sagst Landingpage, das ist ja dann auch immer die Frage, was ist eigentlich eine Landingpage? Wir würden ja jetzt im SEO davon ausgehen, dass wir sagen, das ist eine Seite, die bei Google gefunden wird und wer von da halt klickt, der landet dann bei uns.
00:07:02
Speaker
Bei Ads ist es ja noch mal ein bisschen was anderes. Oder wenn wir jetzt einfach sagen, okay, wir haben Episoden und für jede Episode brauchen wir halt eine spezifische URL und nennen das eine Landing Page, das ist auch okay. Denn ich finde, es ist schon nochmal ein Unterschied, ob ich jetzt eine große Verkaufe darauf mache und sage, hey, da muss ein Hero build und sofort ein Claim und User müssen sofort die Benefits des Produkts irgendwie erkennen.
00:07:28
Speaker
Das ist vielleicht bei einer Podcast-Folge auch so, wenn man sich wünscht, dass die Leute das anhören oder eben das so suchen. Aber ich würde schon sagen, wir haben natürlich grundsätzlich Textüberschriften, wir haben wahrscheinlich Bilder, wir haben wahrscheinlich keine Videos, vielleicht später, weiß ich nicht, in unserem Fall jetzt. Aber wir hätten ja vielleicht auch eine Audiodatei. Das hoffe ich doch.
00:07:52
Speaker
Wir brauchen Link-Elemente. Ja, das habe ich auch. Wir wollen unsere Show Notes irgendwie ein bisschen strukturieren. Also so weit, so normal, wie so eine Webseite halt ist. Die Frage ist noch so ein bisschen, was kommt wohin und wie viel, wovon, wohin.
Mobile-First Design: Priorisierung mit Post-its
00:08:05
Speaker
Aber sag du mal, was brauchst du denn?
00:08:08
Speaker
Was ich jetzt im Detail brauche, kann ich jetzt gleich mal am Beispiel nennen, aber tatsächlich würde ich das vielleicht mal ein bisschen aufdröseln, wie ich sowas plane, erstmal so grundsätzlich, weil da bin ich erstmal relativ weit weg vom Rechner, sondern ich liebe es mit Post-its zu arbeiten.
00:08:26
Speaker
Indem ich mir einfach mal ein Brainstorming entweder mit Kolleginnen oder Kollegen oder mit virtuellen Kollegen oder Kolleginnen, das weiß man ja nicht so ganz, mit wem man da spricht, ein Brainstorming darüber mache, was denn für Komponenten auf so einer Landingpage oder einem Seitentyp eigentlich vorhanden sein sollten. Die schreibe ich mir auf. Jede Komponente hat letztendlich einen Posted.
00:08:53
Speaker
und dann gehe ich tatsächlich so vor, dass ich mir diese Post-its erstmal an eine Tür ranbatsche oder ein Whiteboard, kann man sich ja aussuchen, was man gerade zur Verfügung hat oder eine Fensterscheibe und danach sortiere ich die nach der Wichtigkeit und zwar von oben nach unten durch und klebe die auch tatsächlich
00:09:13
Speaker
wieder in diese Reihenfolge von oben nach unten. Das hat den entscheidenden Vorteil, dass ich zum einen mir gleich überlege, was soll an welcher Stelle auf dem Mobilgerät dann auch später mal umgesetzt sein, weil das nämlich so ein Post-it so in etwa die Breite hat eines Smartphones. Du fängst also gar nicht erst an, desktop-mäßig Dinge nebeneinander zu classern.
00:09:36
Speaker
Nee, also, das ist bei mir durchaus schon ein paar Jährchen so, dass ich mobile denke. Nicht schlecht André. Was? Nicht schlecht André. Ja, aber so ist das. So ist das. Sehr gut. Und ja, und dadurch hab ich halt erst mal auch schon so ein bisschen die Wichtigkeit der ganzen Elemente für mich, weil ich dann einfach sehe, okay, was sieht denn eigentlich der User, in welcher Reihenfolge.
SEO-Strategien im Design: Strukturierte Daten und Performance
00:10:01
Speaker
Und zum anderen ...
00:10:03
Speaker
kann ich dann auch sehr einfach das adaptieren auf zum Beispiel das Tablet oder auf dann später auch auf den Desktop. Das ist eigentlich mal so der Schritt eins, bevor ich irgendeinen Grafikprogramm oder irgendwas Digitales in die Hand nehme, um erstmal eine Logik da rein zu bekommen.
00:10:22
Speaker
Was wären das jetzt, mal so beispielhaft für Elemente, das wären bei einer Podcast-Episode zum Beispiel eine Möglichkeit, natürlich ein Player, dass man das hören kann, aber auch Feedback-Möglichkeiten, weil das ja nach wie vor etwas, was fehlt, wenn man wie wir beide Podcasts produzieren, aber am Ende muss man dann irgendwie zusehen, wie man dann mal Feedback bekommt. Vielleicht kriegt man das aus Gesprächen raus, manchmal auch aus der Timeline von diversen sozialen Netzwerken, aber so richtig
00:10:51
Speaker
So richtig interagieren, weiß ich nicht, ist das irgendwie nicht ganz so ganz. Ich würde mir wünschen, dass man das einfach auf einer eigenen Plattform hat, um dann auch so ein langfristiges Gefühl zu kriegen, wie man es früher beim Bloggen hatte. Da bist du aber optimistisch, dass du die Leute aus ihrer Social-Bubble zu dir rüberholst und sie sich die Mühe geben, da etwas einzutragen. Vielleicht auch noch, sich irgendwo einzuloggen, wo sie normalerweise nicht sind. Aber dass es die Option geben soll, sei dir unbenommen.
00:11:21
Speaker
Ja, ich bin sehr aktiv auf Mastodon und dort könnte man zwar sagen, das ist auch eine soziale Bubble, aber ich hab schon da eher das Gefühl, dass man auch eher geneigt ist, auch mal wieder was zu kommentieren. Aber gehen wir mal weg von den Einzelkomponenten einer Podcast-Episode wieder hinzu, was wir letztendlich so tun müssen. Aber da kann man ja gleich noch mal drauf zurückkommen. Die erste Frage, die ich dir gestellt hatte, wenn ich jetzt so SEO-Aspekte habe,
00:11:50
Speaker
Die kann man dann nämlich eigentlich in diesen Komponenten auf dem Post-its eigentlich auch sich schon ganz gut überlegen, wenn man nämlich Ideen hat, wo man gewisse Terme vielleicht auch unterbringt.
00:12:02
Speaker
Also mal abseits von Text, sondern wenn man sich halt wirklich mal überlegt, okay, wir haben vielleicht einen Player, was kann man da eigentlich tun? Kann man vielleicht gleich strukturierte Daten da irgendwie mit ausgeben, etc., pp. Kann ich aber auch unter Umständen Probleme mit der Ladezeit kriegen. Ja, also vielleicht gerade wenn ich so Bilder habe oder wenn ich eine Komponente habe wie eine Bildergalerie,
00:12:26
Speaker
Dann positionier ich die vielleicht etwas weiter unten, damit ich sie lazyloaden kann und nicht initial gleich so viele Bilder habe. Und das kann ich halt schön mit, wenn ich die Post-its verteile, gleich mitplanen und vielleicht so ein bisschen im Hinterkopf haben. Deswegen arbeite ich ganz gerne damit. Ja, super gut. Ne? Ja.
00:12:47
Speaker
Ich wollte nur sagen, wir werden ja natürlich irgendwie tatsächlich eher so dazugeholt, Relaunch und so. Das heißt, dass wir jetzt so designtechnisch in der Konzeption von einer Seite sind, also das passiert sehr selten. Wir können schon Input geben.
00:13:03
Speaker
Hey, folgende Elemente sind total essentiell, die brauchen wir, die müssen noch dazu. Also in dem Sinne ist das total häufig, aber fast nie auf dem leeren Blatt, auf dem weißen Blatt Papier
00:13:20
Speaker
Das kenne ich allerdings noch aus meiner Freiberuflichkeit,
Figma: Vom physischen zum digitalen Design
00:13:23
Speaker
dass man tatsächlich überlegt, wo fängst du jetzt eigentlich vorne an und so. Aber das ist jetzt schon ein paar Jahre her, dass ich tatsächlich jetzt tatsächlich mit Post-its habe ich damit auch nicht gemacht, sondern tatsächlich mit irgendwelchen Grafikklickprogrammen und wo man sich schon mal so ein Klickdummy zusammensetzen kann.
00:13:39
Speaker
Da sind ja aber auch inzwischen die Programme viel spannender geworden, die man auch für solche Dinge nehmen können. Aber ich finde das eigentlich ganz cool, erstmal analog starten und auch, dass du dich zwingst, über die Post-its in so eine klare Reihenfolge zu kommen. Das finde ich schon mal super cool. Das kommt nur bei mir jetzt irgendwie so gar nicht mehr vor. Aber es ist eine schöne Erinnerung.
00:13:56
Speaker
Ja, aber wie gesagt, ich mache das sehr gerne und nach wie vor arbeite ich damit. Wo wir bei den Tools sind, was du gerade angesprochen hast, was ein sehr gutes Tool dazu ist, wenn man es jetzt gleich digital abbilden möchte, ist Figma zum Beispiel, weil man dort bereits die, ich sage jetzt mal,
00:14:18
Speaker
die Einstellungen vornehmen kann, wie sie später dann in der Technik umgesetzt werden sollen. Also zum Beispiel soll das umbrechen, ab welcher Bildschirmbreite soll das umbrechen, was haben wir für einen Innenabstand von Elementen, was haben wir für einen Außenabstand. Und da kann man schon ziemlich, ich sag jetzt mal, echte Websites oder Apps, was auch immer wir designen müssen, drin gestalten.
00:14:43
Speaker
gleich berücksichtigen, wie viel Platz würden die einnehmen, an welcher Stelle würden die dann wahrscheinlich so ein bisschen sein, wenn man scrollt, also solche Sachen sind da ganz cool. Weiß ich jetzt nicht, ob die Frage dann vielleicht zu beantworten geht von deiner Seite aus, wie testet ihr Elemente von Landing Pages jetzt auch im Hinblick auf die SEO?
00:15:09
Speaker
Was meinst du denn damit? Mir fällt jetzt ein, was wir natürlich schon wissen wollen, ist, ob ein Googlebot die Elemente dann auch sieht. Oder nur ... Ich sag mal so, da geh ich jetzt tatsächlich von aus, dass ihr das tut. Aber es gibt ja vielleicht auch so ... Dinge ... Ich nimm mal den Klassiker. Wie Taps oder Akkordeon.
00:15:38
Speaker
Genau, da weisen wir schon darauf hin, dass man sich da viel streiten kann. Es gibt ja auch einen Unterschied zwischen Dingen, die dynamisch aussehen, aber doch eigentlich über CSS gelöst sind und tatsächlich im Source Code schon vom Server fertig mitkommen.
00:15:59
Speaker
Versus-Dingen, die tatsächlich dann erst mit einem Click-Event mit JavaScript dann erst entstehen. Das ist ja ein ganz anderer Schnack. Also das heißt nicht, dass wir sagen, wir sind Anti-Tap-Fundamentalisten oder so. Da kann man ja Lösungen finden. Aber wenn wir sehen, hey, das ist jetzt hier super schick oder hier habt ihr was eingeklappt, dann poolen wir natürlich auch immer nochmal. Danach gibt es jetzt neue Daten dazu. Oder wir schlagen auch vor, dass wir es testen können, aber meistens
00:16:28
Speaker
macht man das ja, also wenn der Content sowieso wichtig ist für User und auch nicht zu viel Platz wegnimmt, dann versuchen wir eigentlich so schnick schnack den Leuten eher ein bisschen auszureden, wenn das aber wirklich eine super sinnvolle Funktion ist, weil es sonst zu textwüstig werden würde und das jetzt auch eher so ein optionales Thema ist, wem es interessiert, der kann reingehen oder so, dann ist das ja auch ein Feature, was wirklich total fein ist und
00:16:53
Speaker
dann wollen wir es niemandem wegnehmen. Also das kommt dann tatsächlich drauf an. Wenn wir so ein bisschen in-between sind und uns nicht so recht entscheiden können, dann schlagen wir natürlich auch Tests vor. Und dann ist auch immer die Frage, wie viel haben dann in so einem Relaunch oder überhaupt Startprojekt von der Domain oder so, wie viel
00:17:14
Speaker
Zeit ist dann so für Tests. Da geht es ja dann häufig um so Launchdates und das man mal startet, aber da ist der Vorschlag ja dann schon, dass wenn wir uns unsicher sind, ob es funktioniert oder nicht, dass man je nachdem wie groß die Seite ist, da vielleicht auch mal auf der einen Seite oder auf ein paar einem Cluster das so macht und auf einem anderen anders, um rauszufinden.
SEO-Tests und Googles Indexierung verstehen
00:17:35
Speaker
Macht es einen Unterschied, ob der Text eingeklappt ist oder nicht? Aber ich finde, das ist ein Case, den ich gar nicht so leicht zu testen finde, wenn man nicht eine riesige Website mit wirklich viel Traffic hat. Also wenn jetzt so eine kleine Butze irgendwie so die Website neu macht und hat in Summe irgendwie nur 100 URLs da drauf oder sowas, dann wird es schwierig zu sagen, will ich hier auf deiner einen Landingpage noch was so gemacht und auf der anderen von allen beiden haben wir so etwas gemacht. Also das ist kein guter Testcase so.
00:18:03
Speaker
Ich glaube, dass da eh Testen sehr schwer fällt, wenn man jetzt wirklich sagen möchte, wir haben hier Komponenten, die relevant sind, was sich für die interne Verlinkung oder aber auch Reduktion von Duplicate Content dafür, zum Beispiel könnte man ja wunderbar auch Tabs benutzen.
00:18:23
Speaker
Jetzt kommt natürlich so ein Stück weit die alten SEOs, die ihre Erfahrungen gesammelt haben mit Tabs und Accordion, ob Google das denn sauber indexieren kann, wenn es eingeklappt ist oder wenn es ausgeklappt ist. Da gibt es zwar eindeutige Aussagen, die sich zwar auch auf der Jahre verändert haben aus Richtung von Google,
00:18:47
Speaker
Aber ich bin tatsächlich immer ein großer Freund davon, sofern es rechtlich in Ordnung ist. Inhalte, die ich vielleicht rechtlich nennen muss, die aber nicht wirklich relevant sind für meinen, also schon relevant, aber
00:19:01
Speaker
Ich sag jetzt mal, im Grunde wahrscheinlich die wenigsten Menschen vor dem Kauf wirklich lesen. Auch da begebe ich mich jetzt wahrscheinlich in Teufels Küche. Aber so ein Beispiel wäre jetzt eine Fütterungsempfehlung bei Tierfutter. Die musst du immer mit angeben. Das ist aber in der Regel immer der gleiche Text abseits von irgendwelchen Parametern, die wie irgendwelche Milligrammzahlen oder Grammzahlen besser gesagt
00:19:31
Speaker
Die will ich vielleicht gar nicht so primär in der Bewertung meines Inhalts haben, weil sie eh fast auf dem ganzen Portal DC sind. Und auf anderen Portalen natürlich auch.
00:19:42
Speaker
Ich würde gerade sagen, das wäre ja dann sowieso kein Content, mit dem du dich irgendwie gegenüber des Wettbewerbs hervorheben könntest. Richtig. Und das bedeutet für mich auch nochmal zum Kontext Empfehlung, Taps ja oder nein oder so oder wie wichtig ist dann jetzt der Text auch für die Nutzerinnen und Nutzer.
00:20:01
Speaker
Dann würde ich vielleicht auch noch mal gucken, wie machen es denn die anderen, die ich in der SERB vor mir finde oder die da aktuell sehr gut positioniert sind, einfach mal reinzugucken, wenn man sieht, inhaltlich feiern die das voll ab und wir wollen das irgendwo verstecken. Das käme mir dann komisch vor und andersrum, wenn man sagt, das ist hier aber wirklich ein unique selling point von uns, wir können uns hier abheben, dann würde ich es auch nicht verstecken. Also unabhängig davon, ob der Wettbewerb das jetzt hatte oder nicht hatte. Aber wenn du sagst,
00:20:31
Speaker
Wir selber haben es tausendmal und die anderen auch. Da gibt es ja überhaupt keinen Grund. Also dann habe ich als SEO auch kein Bedürfnis, das irgendwie ins Schaufenster zu halten. Ja, finde ich ganz gut, den Ausdruck ins Schaufenster. Das passt ganz gut.
00:20:47
Speaker
Was ich immer wieder, ich will es nicht sagen, spannend finde, sondern eher als nervend empfinde, ist tatsächlich das Thema, obwohl es mir auch sehr wichtig ist als privater Mensch, das Thema Datenschutz bei neuen Komponenten, was ja auch in den letzten Jahren immer, ich würde sagen, schlimmer geworden ist, statt einfacher und schöner.
Datenschutz bei Social Embeddings und Drittinhalten
00:21:14
Speaker
Worauf ich jetzt hinaus möchte,
00:21:16
Speaker
Nehmen wir mal ein ganz ansaltes Beispiel, aber immer noch präsent. Wir haben ein ganz gutes Beispiel, bin ich jeden Tag eigentlich so zu meinem ersten Kaffee drauf, ist rollingstone.de. Steht zwar oftmals immer das gleiche drauf, aber einmal am Tag kann man drauf schauen. Aber was die machen, und das werdet ihr wahrscheinlich kennen, oder auch du, Jolle, die arbeiten sehr viel mit Social Embedded.
00:21:42
Speaker
Also, die haben irgendwie, weiß ich, einen Post auf Instagram von irgendeiner Künstlerin gesehen und wollen da jetzt irgendwie was zu schreiben. Dann schreiben sie was dazu, dann zeigen sie eigentlich den Content und dann eben nicht mehr. Und das ist schon so eine Sache. Hab ich jetzt auch keine Patentlösung für, aber die ... So hab ich das vor zehn Jahren beim Bloggen auch gemacht. Ja, also, und da war es ja auch noch schön, weil man den Content gleich sehen konnte.
00:22:09
Speaker
Heute wird ja die Hälfte gleich wieder hinter irgendeinem Geld gepackt. Korrekt. Man muss noch einen Screenshot machen. Irgendwas in dieser Richtung auf jeden Fall. Ich hab halt das Gefühl, dass durch solche Sachen oder auch durch die Planung von solchen Elementen bei der Planung der Content-Formate, die uns später mal auf der Website draufsagen sollen,
00:22:34
Speaker
Da wird oft zu wenig darüber nachgedacht, wie können wir denn solche Dinge, ich sag jetzt nicht umgehen, aber gibt es vielleicht eine andere Möglichkeit, die datenschutzkonform ist, solche Inhalte darzustellen? Können wir das irgendwie anders machen? Also ich will mal ein ganz konkretes Beispiel geben. Viele, die Podcasts betreiben, die nehmen dann einfach mal einen Spotify-Player.
00:23:00
Speaker
Das Problem aber auch bei einem Spotify-Player ist, dass der eigentlich hinter einem Consent-Mode quasi verpackt werden muss, weil letztendlich Daten aus anderen Ländern, in dem Fall von Spotify, wahrscheinlich irgendeinem CDN weltweit, geladen werden. Das sind JavaScripte, wo getrackt wird, etc., pp. Da werden Cookies geladen. Ich geh jetzt gleich ins Detail. Ihr merkt schon am Ende, worauf ich hinaus möchte. Nehme ich jetzt einen eigenen Player?
00:23:30
Speaker
kann ich diese ganze Thematik umgehen. Und kann eine viel bessere User-Experience darstellen. Also, ich glaub, dass das so ein Stück weit auch das sein soll, worauf ich hinaus möchte. Wenn ich Komponenten plane, überlege ich sehr viel, wie kann ich eine Experience schaffen, die wenig zusätzlichen Konsent benötigt? Ja, total.
00:23:57
Speaker
Häufig hat man das ja auch, irgendwie habe ich das oft gesehen, dass
00:24:02
Speaker
Jetzt so Mittelständler, die jetzt nicht täglich auf der Webseite irgendwas verändert haben, dann häufig dann ihre, dachten ja super, ich kann doch hier einfach mein Facebook oder irgendwas hier einfach einbinden. Oder mein Instagram-Feed. Denn dann sehen die Leute, ich lebe, bei uns passiert was, wir sind auf Messen, da ist richtig was los. Da habe ich ein bisschen Dynamik auf einer sonst sehr statischen Seite und dieses Bedürfnis.
00:24:31
Speaker
Das kann ich total verstehen. Aber du hast diese Probleme, die du gerade angesprochen hast, dass du vielleicht da nur so ein geblurrtes Thumbnail siehst. Du hast diese Datenschutzthemen und du hast auch ein Performance-Thema. Dass du das alles von extern über Third-Party-Ressourcen da reinholst, tut man sich eigentlich kein Gefallen. Das heißt, wenn ich jetzt tatsächlich
00:24:55
Speaker
Ja, Fotos gemacht habe, die ich irgendwie bei Insta sonst rausblase, dann würde ich halt schon dafür plädieren, dass man die dann einfach selbst hostet und bei sich einbindet und ganz normal einfach in die Webseite einbaut. Genau, also das heißt, sämtliche Iframes oder so würde ich dann tatsächlich auch daraufhin abklopfen. Hilft uns das hier? Ist das gut? Kann ich das selber? Also klar, YouTube und solche Player, die
00:25:20
Speaker
kennen ihr Kerngeschäft, Videos gut ausspielen, schon wahnsinnig gut. Das ist nicht einfach da, mit einem selbstgebauten Player irgendwie hinterherzukommen. Aber es gibt natürlich noch ein paar andere Lösungen. Na, geh ruhig rein, wenn du wieder sprechen willst. Also, es gibt da sehr, sehr gute Player-Frameworks, die man nutzen kann, die dann mit der Abi von YouTube arbeiten.
00:25:41
Speaker
die dann einen nativen Player haben, die aber auch erst nach Aufforderung das Video von YouTube laden. Das heißt, hier habe ich keine Performance-Probleme, weil ich letztendlich ein Vorschaubild habe, was gecasht auf meinem Server liegt oder an meinem eigenen CDN. Also das geht schon. Das ist aber bei Videoplayern und bei Audioplayern meistens nur der Fall. Aber gehen tut das in dem Fall.
00:26:04
Speaker
Ja, sehr gut. Aber genau darum ging es mir. Wenn du schon sagst, das Vorschaubild brauchen wir auch noch und ich habe es eben auf dem eigenen Server. Das ist jetzt eine andere und eine viel smartere Lösung, als irgendwie mit Screenshots zu arbeiten. Aber da muss man sich halt Gedanken drum machen und ich weiß nicht, ob man es in jedem Fall lösen kann. Also manche Iframes, die brauchst du einfach irgendwie von extern.
00:26:28
Speaker
Aber wenn wir jetzt wieder bei unserer normalen Landingpage sind, bei unserer Podcast-Episoden-Seite, würden wir wahrscheinlich ohne so ein Schnickschnack auskommen. Das hoffe ich mal. Ich habe es ja noch nicht gebaut. Aber den Player definitiv, den werde ich nicht über, obwohl ich es gerne wollen würde, weil natürlich viele Menschen Spotify nutzen,
00:26:48
Speaker
Will ich halt keinen externen Player drin haben. Das ist eben so der Punkt. Hinzu kommt ja auch noch, du hast ja gerade schon gesagt, wenn ich so ein iFrame habe, dann lade ich halt was externes. Das heißt, ich könnte auch Probleme kriegen, unter Umständen nicht mal, dass ich es mitkriege oder erst viel zu spät, wenn da irgendwas langfristig eine schlechte Ladezeit-Performance hat.
00:27:13
Speaker
Also, das ist letztendlich auch so der Fall. Wenn man sich mal große Seiten anschaut, die in einem stark kompetitiven Markt tätig sind, dann wirst du dort selten irgendwelche externen Contents irgendwie drin haben, sondern da gibt es dann entsprechende Lösungen dafür. Und das muss man natürlich für sich selbst abklären, ob man das auch darf. Also darf ich jetzt zum Beispiel ein Bild, was jemand bei Pinterest getaggt hat, runterladen oder cashen?
00:27:41
Speaker
Das ist halt eine rechtliche Komponente, die können wir hier nicht beantworten. Aber ich sag mal so, bei Pinterest habe ich so leise das Gefühl, das wird wahrscheinlich nicht so ohne Weiteres gehen. Aber vielleicht haben wir demnächst mal einen Gast, der da genaueres zu sagen kann.
00:27:59
Speaker
Foreshadowing, verstehe ich. Sozusagen, genau. Auch ein Punkt, der natürlich da dazu kommt, ist Barrierefreiheit.
Barrierefreiheit in eingebetteten Inhalten: Lokale Lösungen?
00:28:11
Speaker
Also, du kannst bei diesen ganzen Embats natürlich keinerlei Barrierefreiheit irgendwie einbauen. Also, das ist de facto nicht möglich. Zum einen, weil letztendlich der Inhalt gar nicht auf deiner Webseite stattfindet. Also, im schlimmsten Fall, wenn es ein Iframe ist,
00:28:27
Speaker
Da kann letztendlich auch kein Browser der Welt herausfinden, was in dem I-Frame drinsteckt. Wenn's bei JavaScript geladen wird, dann schon noch eher. Aber letztendlich, ja, Barrierefreiheit sieht halt anders aus. Also, das Thema wird dann ... Also, du gibst halt einfach Kontrolle ab, egal in welche Richtung du da jetzt gehst. Und von daher ... finde ich es schon einfach gut, wenn man möglichst viel einfach lokal bei sich ... Was heißt lokal? Nichts gegen CDNs oder so. Aber möglichst das irgendwie mit einer eigenen Lösung zu machen.
00:29:00
Speaker
Wenn du jetzt eine Website hast, die ihr vielleicht auch aus einem aktuellen Kundenprojekt bei euch und ihr habt die Monitoring, sofern das der Fall ist, habt ihr da auch so Weiterentwicklung mit auf dem Schirm? Also der Kunde baut neue Komponente mit rein. Kriegt ihr das mit, so ohne Weiteres, wenn ihr nicht da in einem wöchentlichen Drawfix seid?
00:29:28
Speaker
Nicht immer. Ja, dachte ich. Genau. Ne, also so arbeiten wir auch nicht, dass wir sozusagen jetzt die ganze Zeit Mäuschen spielen und das abgasieren. Also sagen wir so, wenn Kunden das wünschen, dass wir ganz intensiv permanent gucken. Du hattest ja schon über Testomate und sowas gesprochen. Also man kann sich ja informieren lassen, aber in der Regel
00:29:54
Speaker
Haben wir so spezifische Kundenprojekte, dass da niemand irgendwie die Schatulle dafür aufmacht, dass wir sonst sozusagen komplettes Website-Monitoring machen, weil wir sonst immer eigentlich zu konkreten Fragestellungen mit reingeholt werden und dann schauen wir es uns an. Also das ist eher episodisch, würde ich sagen. Oder auch wenn es heißt, irgendwie ist was kaputt gegangen, was ist denn da los oder so und dann schaut man da, okay, hier hat sich aber einiges getan auf diesem Template. Schade, dass wir nicht darüber gesprochen haben, so ungefähr.
00:30:23
Speaker
Oder ansonsten, das vergisst man ja auch immer, es gibt natürlich auch einfach diese Kundenprojekte, die einfach sagen, hey, wir planen Folgendes, was haltet ihr davon? Aber die sind mir immer nicht so präsent in Erinnerung, weil dann läuft das ja einfach so. Das sind natürlich immer die Cases in Erinnerung, wo man sagt, ah, wieso?
00:30:41
Speaker
Ja, aber ich glaube, das war jetzt auch quasi gerade ein Winken mit dem ganzen Zaun an der Stelle, an alle, die jetzt zuhören und sich selbst vielleicht so ab und zu mal in der Situation sehen, dass sie vielleicht Dienstleistern oder Partnerunternehmen, mit denen man zusammenarbeitet, vielleicht in der Vergangenheit etwas zu spät Bescheid gegeben hat.
00:31:04
Speaker
Das wäre jetzt auch von mir so ein kleiner, also wenn ihr jetzt so Bullet Points euch mitschreiben würdet, dann definitiv den, dass ihr euch einfach wirklich rechtzeitig alle Menschen mit an Bord holt und über solche Änderungen in Kenntnis setzt. Weil wenn das Kind erstmal am Boden gefallen ist, dann ist es oftmals schon
00:31:23
Speaker
Wenn Google Bescheid weiß, dann ist es meistens ein Problem, wenn man jetzt mal nur von SEO spricht. Aber man spricht ja nicht nur von SEO, sondern auch von den Nutzenden, die eure Website oder Onlineshop benutzen sollen. Für mich ist das immer ein sehr nervenaufreibendes Erlebnis, wenn man dann durch Zufall
00:31:45
Speaker
eine komplett ungestaltete Startseite, die, weiß ich, viel zu viele interne Links hat oder ein Slider mit 20 nachgeladenen Produkten, die kein Mensch aufruft und keiner hat sich mal Gedanken gemacht, ob das überhaupt genutzt wird. Es erhebt auch niemand diese Informationen und man dann immer in diesem Glauben ist, dass das schon
00:32:07
Speaker
so gut ist, wie es ist. Trotz aller Restriktionen, die wir durch die Datenschutzklamotten haben, das kann man erheben und da sollte man auch an seiner Zielgruppe dran sein und im Zweifel über Umfragen. Das muss nicht nur digital ablaufen, das kann auch, sag ich jetzt mal,
00:32:29
Speaker
am Rechner nebenan oder in einem Café stattfinden, wo man einfach mal Menschen mit einer ganz konkreten Aufgabe
00:32:44
Speaker
nicht beauftragt, sondern konfrontiert und die müssen dann letztendlich mal so ein bisschen ihren Senf dazu abgeben, wie sie das finden und was sie davon nutzen und ihr werdet staunen, was ihr dafür Erkenntnisse rausziehen könnt. Aber wie gesagt, ich würde mir wünschen, dass das einfach viel mehr im Prozess viel mehr miteinander verzahnt wird.
Anpassung an neue Suchmaschinen-Features
00:33:05
Speaker
Nicht nur SEO, sondern auch Menschen, die im UX arbeiten,
00:33:10
Speaker
Und das nicht nur in der IT. Ich merke das immer wieder, dass das sehr schön ist, wenn man ein Team hat, das sehr interdisziplinar arbeitet und auch denkt.
00:33:24
Speaker
Das stimmt. Aber es ist, wenn mir das so begegnet, also ich versuche da jetzt nicht gleich in Schnappatmung zu verfallen, ist ja immer eigentlich auch ein guter Gesprächsaufhänger. Die Frage ist halt sozusagen, ob die Message ankommt. Es gibt ja aber auch den umgekehrten Fall, dass die Kunden überhaupt nichts verbrochen haben, aber einfach man einfach feststellt, okay, es gibt neue Features in der SERB oder andere sind weggefallen.
00:33:49
Speaker
und was weiß ich, es gibt jetzt irgendwie ein Product Grid und da, was weiß ich, ist dein Merchant Feed anständig gepflegt oder können wir mit strukturierten, irgendwann habe ich es, einmal pro Folge habe ich hier. Daten können wir da noch mehr machen, das begegnet uns ja dann auch. Das heißt, es entwickelt sich einfach in der Webtechnik irgendwas weiter oder einfach in den Anforderungen, die Google jetzt macht, da muss man auch ein bisschen aufpassen.
00:34:15
Speaker
Ist das nur ein Test? Bleibt das länger? Müssen wir uns jetzt tatsächlich ein großes Dev-Ticket dafür aufmachen oder zieht das auch ganz schnell wieder vorbei? Muss man jetzt auch nicht auf jeden Zug aufstrengen, aber wenn man merkt, da ist jetzt irgendwie wirklich was los und es gibt irgendwie Features, die man wirklich super gut nutzen kann, weil wir alle Informationen dafür haben, wir haben die schönen Produktbilder, wir wissen, was der Preis ist und so weiter, das dann nicht auszuzeichnen, das wäre dann Quatsch. Und das heißt, das wäre dann wieder umgekehrt, dass wir dann schon proaktiv auf Kunden zugehen und sagen,
00:34:45
Speaker
Ihr passiert gerade was und ich glaube, ihr habt eine gute Chance, das auch für euch zu nutzen. Da ist es dann mal andersrum, ne? Ja. Was wären da so deine Tipps, wie man sich auf dem Laufenden hält? Ihr könnt immer den Wingman-Newsletter lesen oder aber sonst auch sämtliche Newsletter und Magazine oder Podcasts hören. Das war jetzt also, als hätte ich die Werbung eingeläutet. Ja, hast du auch. Perfekte Vorlage. Ich fühle mich ganz schmutzig.
00:35:17
Speaker
Ne, ich kann jetzt nichts weiter dazu sagen. Ja, ein Thema, was wir dann natürlich noch gar nicht mit beleuchtet haben, wie kann man uns in KI helfen?
KI in Design und Wettbewerbsanalyse
00:35:30
Speaker
Um Website-Komponenten zu planen.
00:35:33
Speaker
Was hast du gerade gesagt? Sag's mir. Sag du's mir. Ja, man kann natürlich immer erstmal quissen. Ich würde aber tatsächlich, bevor du hast gesagt, du fängst eigentlich tatsächlich mit dem Bedürfnis an, was willst du eigentlich darstellen, da begibst du dich ja auch schon in die User-Perspektive. Und ich kann auch immer mal ein bisschen mich umschauen, wie machen es denn andere und was gefällt mir davon. Dann habe ich natürlich wieder das Problem,
00:35:58
Speaker
N gleich eins mit meinem Geschmack, das ist nicht immer richtig, da bist du ja auch sehr vorsichtig und sagst ja lieber User testen und nochmal was einholen. Aber wenn ich merke, das funktioniert auch gut, die ranken auch gut oder die Nutzerzahlen irgendwie sprechen dafür oder das ist in aller Munde oder so, heißt ja nicht eins zu eins nachpinseln, aber schon mal gucken.
00:36:15
Speaker
Denn gerade wenn man ein bisschen Wettbewerbsanalyse macht, dann stellt man ja auch fest, es machen ja nicht alle alles gleich, sondern durchaus unterschiedlich. Und das ist ja auch Inspiration. Und genauso würde ich jetzt auch einfach KI dafür nutzen, vielleicht im Gespräch mal rauszufinden, was sollte denn nicht fehlen, was gehört dazu, was sind typische Sachen. Ich finde es immer super schwer, gerade wenn ich so Templating, das klingt ja schon nach Vorlage und das ist dann immer eins zu eins so.
00:36:41
Speaker
Dann schaue ich noch beim Wettbewerb, was macht der, und dann einigen sich alle irgendwie so über so einen Zeitgeist auf eine Optik. Das ist natürlich auch gefährlich. Also einerseits schön, also man sagt ja auch irgendwie so im Radio, man will kein Störgefühl ausführen, deswegen sind irgendwie alle Songs irgendwie gleich schlecht.
00:37:00
Speaker
wenn man die Leute nicht zum Umschalten bewegen möchte, lieber so weiter an beider Stange halten. Also man will ja irgendwie die Leute nicht zu krass irritieren, auf der anderen Seite irgendwie rausstechen und das gelingt ja den wenigsten.
00:37:15
Speaker
Dinge, Elemente zu haben, die man braucht, weil sie einfach das beantworten, wonach man sucht oder was man in einer Episode, wenn da kein Player drauf ist, dann habe ich ein Problem und wenn ich nicht weiß, was das ist und wie die Leute heißen und was nochmal die Links waren, von denen sie da gesprochen haben in der Episode, wenn ich das nicht finde, dann ist das einfach super frustrierend und genau, also da würde ich schon über die Bedürfnisse gehen. Es ist echt nicht leicht, irgendwie was Besonderes zu machen,
00:37:44
Speaker
was trotzdem funktioniert, weil viele Leute einfach hektisch in den witzigsten Situationen mit dem Handy in der Hand oder so irgendwie noch kurz parallel was anderes machen und sich jetzt nicht ganz auf deine Experience vielleicht so einlassen, wie du dir das vielleicht ausgemalt hast, um die dann trotzdem abzuholen, alles super klar zu machen und nicht ganz wild zu sein, weil man was ganz Besonderes sein will. Das ist, glaube ich, so ein bisschen die Krux. Boah, jetzt hast du einen Fass aufgemacht. Also in mir brodelt es gerade. Lass raus.
00:38:14
Speaker
Also, ich geb dir ja ... Also ... Fang ich vorne an. Natürlich, dieses Thema, warum hört man eigentlich einen Podcast wie unseren? Weil man die best practices hands-on hören möchte. Das Problem aber ist an diesem Mist, dass dann halt alles gleich ist. Wenn man dann halt wirklich nur Checklisten abarbeitet. Natürlich macht's Sinn, eine Gap-Analyse zu machen, wenn ich irgendwie eine grottenschlechte Seite habe und keine Ideen mehr habe, was fehlt's denn an meiner Seite.
00:38:42
Speaker
dass ich mir dann mal die Wettbewerber anschaue vom Platz 1 bis 10. Was gibt es denn da für Elemente, die mir vielleicht fehlen? Aber bei dem, was du gerade sagst, ich bin vollkommen bei dir. Aber wenn wir alle auf gut Deutsch immer nur einen Schritt zurückgehen, dann wird das Internet halt auch so staubig sein, wie es jetzt ist und auch so bleiben.
00:39:07
Speaker
Ich glaube halt, wenn wir irgendwie was bewegen wollen, dann müssen wir auch mal mutig sein und auch mal Dinge neu denken und auch mal Dinge neu, ich sag jetzt mal, kompliziert machen oder in die Länge ziehen. Also mein Lieblingsbeispiel ist immer, wenn man sich mal anhört, Best Practices zur Länge einer Podcast-Episode.
00:39:26
Speaker
Ich höre Podcasts, nicht so viele, aber ich weiß, dass es sehr, sehr gute Podcasts gibt im Entwicklungsbereich. Die gehen aber gut und gerne anderthalb Stunden. Das ist weit weg von jeder Empfehlung. Lach ich drüber. Rasenfunk-Hörerin, lach ich drüber. Da geht ja eine Episode auch gerne locker mal vier Stunden. Und jede Woche Bundesliga-Zusammenfassung von Spielen, die ich eventuell sogar bereits gesehen habe,
00:39:50
Speaker
Dann noch mal, wie die Leute zu jeder Folge, im Minimum 20-25 Minuten reden und das dann halt zu allen neuen Spielen. Da kommt ein bisschen was zusammen, da habe ich auch überhaupt kein Problem mit. Das verstehe ich ja. Aber du meintest ja bei deinen Post-its auch, du guckst schon, hey, was brauche ich denn? Und da gibt es ja dann einfach ein paar Dinge, die einfach irgendwie Must-haves sind, die irgendwie einfach dabei sein müssen. Natürlich, klar. Und da gibt es sogar ein Video von dir, wie du auch mal so durchgehst, wie du dir anschaust.
00:40:20
Speaker
Also, wie du dann einfach dir eine Tabelle aufgemacht hast und guckst, was... Da hab ich nur Haare, ne? Das ist schon ein bisschen älter, das Video. Aber ich weiß, welches du meinst. Genau, wo du dann wirklich einfach dir notiert hast, okay, der hat hier irgendwie einen Hero und Mitbild und die hat Ode und dann hier gibt's dann noch irgendwie Call-to-Action-Element, schreib ich mir mal auf, da hast du dir die alle so untereinander wegnotiert und so und das meine ich damit, ne? Du musst natürlich schon ein bisschen gucken.
00:40:47
Speaker
Und dann aber trotzdem nicht in die Falle laufen, dann brauche ich jetzt auch einen Slider. Ja, absolut richtig. Ich finde es super, dass du das Beispiel jetzt erwähnt hast.
Werkzeug zur Clip-Analyse: Ein Teaser
00:40:59
Speaker
Wir packen dieses Video selbstverständlich in die Shownotes rein. Dann seht ihr mich auch noch mal mit Haaren und hört mich nicht nur. Heute habe ich übrigens einen Prompt, der das für mich erledigt.
00:41:13
Speaker
Jolle lacht gerade, auch wenn ihr es nicht hört.
00:41:17
Speaker
Ja, ich mute mich ja auch mal, damit ich mal was trinken kann und nicht so diese Aufnahme besprudel. Aber ja, dann musst du halt behaupten, dass ich gelacht hätte. Ja. Ähm, weiß ich schon gar nicht mehr, was ich dazu sagen wollte. Ja, also natürlich brauchen wir nach wie vor eine menschliche Beurteilung, ob dieses Element dann wirklich Sinn macht. Weil nur, wenn dummerweise da jetzt die ersten fünf Slider drauf haben, heißt das ja nur lange nicht, dass der Slider es jetzt reißt.
00:41:46
Speaker
Also da muss man natürlich dann schon irgendwie mal mit Verstand da irgendwie rangehen und auch seinen eigenen Prinzipien natürlich, ob man sowas überhaupt haben will oder eben nicht. Nichtsdestotrotz hilft es natürlich.
00:42:01
Speaker
Als du jetzt nochmal gesagt hast, man muss auch mal mutig sein, da fallen mir so ein paar Sammlungen ein von Tom Critchlow. Also es gibt ja die Critchlow Brothers, eigentlich alle beide ursprünglich aus den UK. Der eine macht ja Search Pilot, das ist Will, der ist immer noch in den UK und dann gibt es Tom, der macht, kennen viele in der SEO-Branche, weil er diesen
00:42:20
Speaker
SEO MBA Kurs gemacht hat, wo es so ein bisschen darum ging, Executive Presence und sowas zu bekommen. Wie rede ich eigentlich mit der C-Suite? Wie verkaufe ich SEO auch irgendwie in einem Konzern nach oben oder sowas?
00:42:35
Speaker
Aber das ist halt auch so einer, der total gefallen an weirden Websites hat, der die so ein bisschen sammelt, wo es einfach, also gegen jede Konvention irgendwie so eine Art optisches Puzzle hast, was du irgendwie dir erst zusammenklicken kannst, bevor der Content dazu sehen ist. Und mit Ladezeiten und Optimierung ist da gar nichts. Also das kannst du gar nicht lesen. Aber es ist einfach so, das ist einfach Kunst. Das sind dann einfach so ganz andere Projekte.
00:43:02
Speaker
Und das finde ich auch cool, dass der die immer auspackt und sich die anzuschauen. Aber tatsächlich hier im Kundenprojekt ist das extrem selten, dass ich darauf zu sprechen komme. Ja, das ist schon richtig. Aber es ist halt, ich weiß nicht, im privaten Sektor kann ich das jetzt nicht unbedingt sagen, aber im beruflichen Sektor, wenn ich mich da mit Websites befassen muss, fühlt sich das sehr oft an wie Videotext.
00:43:26
Speaker
Also nur, dass der ohne irgendwelche blöden Cookie-Banner zu öffnen geht. Es ist einfach mal ... Performance-Vorteile. Genau, für die, die Videotext nicht kennen, das gibt's im Fernseher, das kann man aktivieren und man kriegt quasi den Content for free ohne Paywall. Das ist ... Ich will mich da ein bisschen gegen wehren, dass wir alles ...
00:43:49
Speaker
so gleich machen. Ich glaube, da muss irgendwie jeder so den Ehrgeiz haben oder jede Person, die irgendwie eine Website verantwortet, betreut oder irgendwie einen Funken dazu beitragen kann, dass sie eben
00:44:04
Speaker
Ja, was Unikes schafft und sich eine Unike Komponente über ein unikes Template, whatever, oder eine ganz besondere Art, wie man den Content gestaltet. Wenigstens das in irgendeiner Form, was einen eben abhebt. Und das ist, glaube ich, was, wenn wir alle jetzt nur 0 auf 15 machen, dann wird es auch echt ziemlich lame.
00:44:25
Speaker
Mit solchen Sachen habe ich mich auch schon hart in die Nesseln gesetzt. Ich weiß noch irgendwie, vor tausend Jahren, das wirklich war so eins meiner ersten Website-Projekte, da habe ich auch irgendwie, also Design, das darf ich gar nicht so schimpfen, aber auf jeden Fall gab es da so Elemente, wo von Wörtern so Fäden runterhingen, wo dann weitere Wörter irgendwie wie so ein Netzwerk hat sich das ersponnen. Und das zu machen irgendwie, sodass es auf mehreren Bildschirmgrößen okay aussieht und der Faden auch nicht im Nichts
00:44:54
Speaker
endet, war natürlich totaler Horror. Und den Schuh muss man sich ja gar nicht anziehen, wenn man die Fäden einfach weggelassen hätte. Wär's viel easier gewesen. Aber da bin ich halt auch noch so völlig unbedarf, was ist jetzt eigentlich umsetzbar und was nicht so. Aber es ist natürlich viel lustiger. Ich glaube, das war, ich finde den Begriff unbedarf nicht korrekt, sondern da war ich kreativ. Ja.
00:45:21
Speaker
Und heute ist halt Kreativität meistens jedenfalls der Bedienbarkeit vollkommen untergestellt.
00:45:31
Speaker
Ja. Ich hab mal ein Hauptmenü gemacht, das sah aus wie eine Laserpistole. Und wenn du mit der Maus über die Begriffe rübergehavert bist, dann war das der Laserstrahl. Das sah so aus, als würde der aus der Pistole rauskommen. Das würde man heute auch nicht mehr machen. Aber gut, das ist auch ... Ich glaub, da war ich Mitte 20. Das ist so ein bisschen Spielerei. Die Frage ist ja immer, was ist Hobby? Und wo haben jetzt auch Kunden an Bock?
00:45:58
Speaker
Kohle dafür auf den Tisch zu legen, weil es irgendwie einen Mehrwert bringt. Aber wenn man jetzt Leute tatsächlich massenweise damit begeistert, dann ist es ja wirklich ein cooles Feature.
00:46:07
Speaker
Ich will dich nicht unterbrechen. Ich hab jetzt grad dieses ... Mir brodeln grade so Ideen, die ich jetzt ... Aber ich will jetzt mal weg von diesen ... Andres ... jungen Jahrengeschichten. Sondern wie man jetzt was Brauchbares noch rausziehen kann. Ich plane grade eine private Website, ähm ... die ...
00:46:29
Speaker
natürlich hochgradig optimiert ist in jeglichen Belangen, aber ich überlege mir halt auch, wie kann ich es besser machen an der Stelle.
Vision einer personalisierten Bonsai-Website
00:46:38
Speaker
Und ich habe, da geht es um Bonsai, und ich möchte zu sehr, sehr vielen Bonsai oder Baumarten, die dann zum Bonsai werden, verschiedene Informationen sammeln und dort wiedergeben, auch aus unterschiedlichen Perspektiven.
00:46:54
Speaker
Ich will gar nicht ewig auf Barbonsai rumgraben, aber zum Beispiel gibt es eine Tabelle oder Empfehlungen, wann man welchen Dünger benutzt.
00:47:06
Speaker
Also es hängt mit der Jahreszeit zusammen. Es ist aber auch so, dass es unterschiedliche Entwicklungsstadien gibt von so einem Bonsai. Also gerade wenn es eine Jungpflanze ist oder im Aufbau des Wurzelansatzes oder der Feinverästelung. Und in den Momenten, wo man quasi die Feinverästelung macht, topft man zum Beispiel auch anders um oder benutzt andere Dünger, je nach Baumart. Und wenn ich jetzt diese Komponente plane,
00:47:32
Speaker
Dann könnte ich jetzt vereinfacht dargestellt, dann würde man sagen, dann mach ich so eine hässliche Tabelle, die man dann halt irgendwie durch sich durchackert und dann kriegt man das schon.
00:47:42
Speaker
Das ist aber nicht mein Anspruch, sondern ich überlege mir halt die Komponente, wie kann ich die Komponente so personalisiert anbieten, dass man zum Beispiel oben in der Landingpage sagt, in welchem Zustand befindet sich dein, in welchem Entwicklungszustand befindet sich dein Baum, dann kann ich da quasi so eine Art Radio-Box oder einen Slider oder was auch immer, so eine Toggle umlegen und dann passt es sich auf der Inhalt.
00:48:06
Speaker
Nee, nicht ne Grafik. Ich dachte, da wächst im Hintergrund auch der Bonsai. Nein, nein. Sondern der Inhalt passt sich eben dieser vom Nutzer so wesentlichen und wichtigen Einstellung an. Da bist du einfach bei Karl Kratz, ne? Ja, die, die das nicht kennen, so ähnlich hat der Karl das auch. Nur, ich würd's da eben noch auf ein paar mehr Ebenen noch weiter brechen.
00:48:33
Speaker
Da ist sie eben, ich mache mir wirklich Gedanken da drum und das muss glaube ich der Ansatz sein, denn jeder Mensch da draußen fährt, der in 24 und weiter Websites plant.
00:48:43
Speaker
Wie braucht die Zielgruppe Informationen und wie lassen sich diese Informationen vielleicht noch besser zuspitzen? Gerade dann, wenn ich eben Unterschiede in den, wie man das Produkt wahrnimmt, wie man damit arbeitet oder eben braucht, dass der Inhalt sich dann anpasst oder die Komponenten. Ich glaube, dass das auch schon so eine Weiterentwicklung von der Normalität, wie wir die meisten Websites heute kennen, eben wäre.
00:49:10
Speaker
Ich will jetzt gar nicht sagen, dass ich da die Weisheit mit Löffeln gefressen habe, aber so stelle ich mir zum Beispiel meine Bonzer-Seite vor. Aber du findest schon, dass es jeder ab jetzt so machen muss.
00:49:20
Speaker
Nein, finde ich nicht. Weil es ist ja nur ... Ja, nein. Ich meine damit einfach, dass man sich Gedanken darum macht, wie sich die Zielgruppe vielleicht in unterschiedlichen Episoden vom Leben oder in der Benutzung von Produkten sich mit den Produkttexten oder den Inhalten der Webseite, der Landingpage, whatever, auseinandersetzt.
00:49:43
Speaker
Ja, das sollte jetzt aber Seos eigentlich nicht überraschen. Seos nicht. Wir reden ja nicht umsonst von der Suchintention, der Suchabsicht. Was wollen die Leute eigentlich und was beantworte ich hier? Und wir denken dann vielleicht weniger über Slider nach, die jetzt tatsächlich auf der Seite selber den Content verändern. Das bringt ja tatsächlich auch noch ein paar spannende Nüsse mit, die man dann knacken muss, um zu sagen, wofür rankt dann die Seite, wenn Teile des Contents mal da sind, mal nicht oder so.
00:50:10
Speaker
Das ist ja aber auch eigentlich keine andere Diskussion, als wir vorhin bei den Taps hatten. Und ansonsten ist dann schon die Frage, ab wann bin ich auf einer anderen URL. Du kannst natürlich auch mit Content so umgehen wie mit Filterfassetten und überlegen, welche davon indexiere ich und welche nicht. Also, dass sich tatsächlich an der URL auch was verändert.
00:50:29
Speaker
Wenn du ein ganz anderes, wenn du sagst, hier Frühstadium und noch nicht verästelt oder so, dass das einfach mal anders ist. Ich weiß jetzt nicht, wie groß das Suchvolumen danach ist, aber einfach vom Prinzip. Sollte jetzt eigentlich dieses, was wollen die Leute eigentlich wissen, in welcher Situation befinden, die sich
00:50:48
Speaker
Da gibt es dann den Marketing, das spricht von der User Journey und so. Aber auch wenn das super vereinfacht ist, da gibt es ja einen Punkt, dass man wirklich überlegt, interessiert die Leute das jetzt. Ist aber tatsächlich auch gar nicht so leicht, weil nicht jeder Suchanfrage, siehst du es an, aha, das ist jetzt hier ganz klar der B2B-Kontext, das sehe ich ja sofort oder so, sondern das ist ja häufig eine wilde Mischung. Viele, die würden vielleicht auch gar nicht
00:51:16
Speaker
so suchen, weil sie vielleicht noch gar nicht die Fragestellung haben, ist, also jetzt irgendwie, ich kann es jetzt nur an diesem Beispiel mit den Bäumen jetzt gerade so gut benennen, weil da bin ich tief im Thema, nicht jede Person, die anfängt sich damit auseinanderzusetzen, wie muss ich meine Bäume düngen, weiß, dass Bonsai in unterschiedlichen Wachstums
00:51:38
Speaker
in unterschiedlichen Entwicklungsstudien und dementsprechend kann es durchaus sein, dass man noch gar nicht danach sucht, weil es das Angebot ja auch so in der Form noch gar nicht gibt.
00:51:48
Speaker
Ne, das stimmt. Ich wollte nur darauf hinweisen, dass wir, auch wenn wir sagen, hey, im SEO arbeiten wir schon viele Jahre mit der Suchintention und versuchen auch irgendwie mit der Stage, an der sich ein Customer ingeblich gerade befindet, da irgendwie zielgenau darauf zuzuarbeiten, dass das ja aber auch selbst wenn es schon so wäre, dass da Suchvolumen dahinter ist und das ein Thema ist, dass das auch dann nicht leicht ist und häufig
00:52:13
Speaker
die gemischte Seite dann doch die bessere Lösung ist. Also ich meinte ja nur, manchmal überlegt man sich, tue ich das eine auf die eine Seite, das andere auf die andere? Und häufig sind eben auch Leute, die schon weiter in der Journey sind, wollen aber trotzdem noch mal gucken, wie war denn das? Oder Leute, die schon längst gekauft haben, wollen jetzt noch mal wissen, wie benutze ich es denn? Und umgekehrt können die Leute, die es noch nicht gekauft haben, sehen, aha, so kann man das benutzen, das ist ja tatsächlich für mich interessant.
00:52:38
Speaker
Das heißt, das so zu trennen ist gar nicht so leicht oder so klar. Ja, und doch nicht immer sinnvoll. Genau, aber deswegen bin ich gespannt auf deine Seite, weil das ist ja tatsächlich auch relativ komplex.
00:52:55
Speaker
Ja, das ist korrekt. Und ich würde mir manchmal wünschen, ich hätte nicht den SEO-Background, weil dann würde ich es wahrscheinlich einfach so machen, wie ich mir
Balance zwischen SEO und Nutzererfahrung: Navigationspriorität
00:53:03
Speaker
das so vorstelle. Aber ich sehe mich schon mit der fertigen Komponente und dann kommt diese Story. Wie löse ich das jetzt auf?
00:53:11
Speaker
Wie kriege ich meinen SEO-Ansatz irgendwie befriedigt? Aber ich kann mir sehr gut vorstellen, dass ich da dann sogar einen Schritt zurückgehe und sage, okay, hier geht für mich ganz klar die Benutzbarkeit der Inhalte und das Konsumieren der Inhalte vor, selbst wenn ich keine Lösung dafür habe, wie ich das sauber den Suchmaschinen vor den Latz knalle.
00:53:40
Speaker
Ja, aber hast du da ein Problem mit? Also auch ich als SEO habe da überhaupt keinen Schmerz, weil ich dann sage, das geht hier vor, das ist hier meine Prio, das habe ich mit der Seite vor, das ist mein Ziel. Darum geht es mir, darum geht es mir nicht. Und deswegen, also auch meine Webseite ist überhaupt nicht optimiert oder aktuell oder sowas. Oder ich wüsste auch, dass man LinkedIn anders bedienen kann, ist aber irgendwie nicht meine Baustelle. Also das sind einfach so Tradeoffs, die man halt macht. Und ich hätte an deiner Stelle überhaupt kein Problem damit dann zu sagen, das ist jetzt hier auch nicht das SEO Projekt.
00:54:09
Speaker
Aber ich würde trotzdem gerne eine Lösung für beide Varianten, also für beides dann haben, damit ich einfach auch eine Lösung präsentieren kann. Aber wir sind ja auch hier, um Profis scheitern zu sehen oder zu hören. Darum geht es ja diesen Einblicken auch, um zu sehen, hey, wir haben auch noch nicht jede Nuss geknackt.
00:54:26
Speaker
Das stimmt. Jolle, wollen wir mal kurz noch mal zusammenfassen, wenn man jetzt solche Komponenten plant, was so die wichtigsten
Zusammenfassung: Integration von SEO und Usability in Webkomponenten
00:54:33
Speaker
Punkte sind. Ich glaube, wir können festhalten, SEO ist nicht unwichtig und sollte immer mindestens mit zwei Augen beleuchtet sein. Aber man kann auch mal einen Schritt zurückgehen. Ich kling grad wie der hier vom Herzblatt, der dann so nochmal die Herren oder die Damen zusammenfasst und dann das Beste bei rauspickt. Ist das nicht Susi?
00:54:52
Speaker
Ich weiß es nicht. Habe ich ewig nicht geguckt. Da war ich noch klein. Dann natürlich Mobile First. Sollte grundsätzlich der Gedanke sein, wenn wir eine Komponente oder einen Template planen. Hast du noch was? Das wollte ich gerade hier mitschreiben und dann erwischt du mich halt.
00:55:12
Speaker
Du bist ja jetzt wirklich über die Planung reingegangen und ich immer mehr über welche Elemente brauche ich denn da drauf? Also ich bin dann immer sofort in meinem, ich brauche eine H1, ich brauche eine Description, also ich brauche Text irgendwie, ich brauche meinen Player, ich will noch ein Linkmodul haben, weil ich auf andere Episoden verweisen will. Vielleicht muss ich sogar umblättern, obwohl wir sind auf der…
00:55:31
Speaker
auf der Detailseite. Wir sind ja auf der Episodenseite. Das heißt, wir sind nicht auf der ganzen Podcastseite, wo mehrere Episoden dann eingedient sind. Das sind ja auch alles so konzeptionelle Fragen. Wie stelle ich das eigentlich? Wie komponiere ich das? Aber darum ging es ja heute nicht. Aber da kann man vielleicht festhalten, wenn es komplex wird, dann auch einfach mal ein bisschen mehr Gedanken gut reinschmeißen und mehr darüber nachdenken, bevor man dann ans Bauen geht und dann feststellt, das kriegen wir hier gar nicht irgendwie so richtig hin, wie wir uns das vorgestellt haben.
00:56:00
Speaker
Ja, das ist eine gute Idee. Ich glaube, das ist eine ganz gute Idee. Vor allem, weil die Content-Management-Systeme ja immer einfacher geworden sind, da hat man ratzhaft was zusammengeklöppelt und es erinnert mich immer so ein bisschen an so ein Baumhaus. Und wenn man drinsitzt, wundert man sich, warum es halb zusammen bricht.
00:56:18
Speaker
Und ich glaube, das sollte man tunlichst vermeiden. Das ist tatsächlich so ein bisschen die Funktion, wenn das CMS leichter zu bedienen ist als das Grafikprogramm oder das Konzeption, dann ist das Ding halt schneller gebaut. Was irgendwie schön ist, um schnell einen MVP zu haben, um testen zu können, um Feedback einzuholen, ist das sehr super. Und auch einfach, um den Leuten irgendwie im Alltag nicht allzu viele Kopfschmerzen zu machen.
00:56:40
Speaker
Aber da ist die Verlockung groß, das mit dem Nachdenken gar nicht erst zu machen, sondern schon direkt so, ach, ich denke beim Klicken. Ja, so ist das. Aber ich glaube, da machen wir jetzt einen Punkt hinter. Wir haben, glaube ich, sehr, sehr viel uns ausgetauscht und die eine oder andere Anekdote auch noch mit reingesetzt. Ich glaube, da war für jeden was dabei.
00:57:02
Speaker
Da bin ich mir nicht sicher, aber schön ist es. Doch, doch, doch. Ich bin mir ziemlich sicher. Ansonsten kriegen wir auf in irgendeinem ... in irgendeiner Kommentarspalte kriegen wir das schon zu hören. Feedback, da träumst du von. Äh ... manchmal. Jolle. André, vielen Dank. Ich wünsch dir was. Bis zum nächsten Mal. Ich danke euch. Bis bald. Tschüss. Mach's gut. Ciao.