Porträt von mir (Dmitry Dugarev) - eines jungen Mannes mit Brille, der lächelt und eine Jeansjacke trägt. Er steht vor einem städtischen Hintergrund während der Dämmerung, die Lichter der Stadt sind im Hintergrund verschwommen zu sehen.

Dmitry Dugarev

Webmaster & SEO-Experte
5 von 5 Sternen
5 / 5 auf LinkedIn

Barrierefreie Websites für B2B. Blabla. Such­optimiert. Messbar.

Ich kreiere barrierefreie, responsive & schnelle Websites und SEO-Strategien, die B2B-Unternehmen helfen, bei Google sichtbar zu werden und mehr Traffic & Leads zu bekommen • ab 890 €.

Website-Preis berechnen 1:1 Beratung buchen 100% kostenfrei & unverbindlich
Schwarz-weiß Porträt eines jungen Mannes mit kurzem Haarschnitt, der direkt in die Kamera lächelt. Er trägt ein ärmelloses Oberteil und steht in einem Raum mit natürlichem Licht, das sein Gesicht sanft beleuchtet. Porträt eines Mannes mit mittellangem, welligem Haar und Brille, lächelnd in formeller Kleidung mit einem dunklen Anzug und hellblauem Hemd vor einem neutralen, grauen Hintergrund. Porträt eines glatzköpfigen Mannes mit einem freundlichen Lächeln, der draußen steht. Er trägt einen schwarzen Pullover und hinter ihm ist eine natürliche, grüne Umgebung leicht verschwommen im Hintergrund zu sehen.

Florian Hallex, Norman Kauss und 11 andere

sind bereits mit einer SEO-Website Online zu finden.

Jetzt ihre Geschichten anschauen
Figma Logo, ein Design-Tool, in dem ich Deine Website plane und ein Prototyp erstelle Adobe Photoshop Logo, ein Grafik-Design-Tool, in dem ich die notwendigen Grafiken für Deine Website erstelle Adobe Illustrator logo, ein Grafik-Design-Tool, in dem ich die Icons sowie das Logo für Deine Website erstelle HTML5 Logo, die Spezifikation, nach der ich Deine Website entwickle CSS3 Logo, die Stylesheet-Sprache, die ich für das Design Deiner Website verwende JavaScript Logo, eine Programmiersprache, die ich für die Entwicklung Deiner Website verwende React Logo, eine JavaScript-Bibliothek, die ich für die Entwicklung Deiner Website verwende, falls Deine Website interaktive Elemente benötigt WordPress Logo, ein Content-Management-System, das ich für die Entwicklung Deiner Website verwende, falls Du Deine Website selbst verwalten möchtest Webflow Logo, ein No-Code-Tool, das ich für die Entwicklung Deiner Website verwende, falls Du Deine Website selbst verwalten möchtest Lighthouse Logo, ein Tool von Google, das ich für die Optimierung Deiner Website verwende Musnuss™.Visor Logo, ein Tool, das ich für die Optimierung Deiner Website verwende

Hast Du eine Website? Nein?

Bist Du noch nicht müde von der unendlichen Kaltakquise und dem ständigen Netzwerken?

Hi, ich bin Dmitry und ich kenne diese Probleme nur zu gut.

Nach über 7 Jahren in der IT-Branche bei großen Unternehmen wie Bosch und Deloitte habe ich mich entschieden, mein eigenes Ding zu machen...

Als ich mich selbstständig gemacht habe, war ich wie viele andere: Ich hatte 0 Ahnung, wie ich an Kunden komme. Zuerst habe ich probiert einfach zu netzwerken.

Ich besuchte über 10 Events im Monat, lernte viele Leute kennen und bekam die ersten Aufträge. Hier ist ein Beispiel:

Das Bild zeigt eine Website mit vier Abschnitten zur Optimierung von Reportingplattformen und Business Intelligence. Der erste Abschnitt beschreibt fünf Schritte zum Aufbau einer Reportingplattform. Der zweite Abschnitt, "Reise zur Data Excellence", zeigt Etappen zur Datenexzellenz. Der dritte Abschnitt wirbt für ProFinity und PowerBI, bietet Coaching und erfolgreiche Umsetzungen an. Der vierte Abschnitt betont die Datenveredelung für Business Intelligence und zeigt den Analyseprozess mit Power BI.
Abbildung 1: Prototyp der interaktiven Homepage, die ich für Proofinity GmbH entwickelt habe.

Allerdings habe ich schnell gemerkt, dass ich während der Projektzeit kaum netzwerken konnte.

Mein Marketing war einfach nicht kontinuerlich.

Ich war in einem Teufelskreis: Netzwerken → Aufträge bekommen → erledigen → wieder von vorne.

Diese Grafik zeigt den "Teufelskreis vom Netzwerken". Links im roten Kreis steht "Keine Zeit fürs Netzwerken" mit einer Sanduhr und dem Hinweis "Während des Projekts". Rechts im gelben Kreis steht "Netzwerken für neue Kunden" mit einem Sprechblasen-Symbol und dem Hinweis "Nach dem Projekt". In der Mitte der Grafik ist ein Unendlichkeitszeichen, das den endlosen Kreislauf darstellt. Die Pfeile zwischen den Kreisen verdeutlichen den wiederkehrenden Zyklus, der nachhaltiges Wachstum verhindert.
Abbildung 2: Teufelskreis vom Netzwerken - keine Zeit fürs Marketing während des Projekts, Netzwerken für neue Kunden nach dem Projekt.

Das war frustrierend. Ich wollte wachsen, aber ich hatte einfach keine Zeit dafür.

Klingt bekannt, oder? Man kommt über die Runden, aber vom Skalieren ist keine Rede.

Wie bin ich da rausgekommen?

Mit einer Website-Strategie, die die Kundengewinnung und die Projektarbeit parallel vorantreibt. Und zwar online.

Diese Grafik zeigt die "Parallelisierung des Vertriebs" durch die Nutzung von digitalem Marketing und Automatisierung. Oben verläuft eine rote Linie, die die kontinuierliche Projektarbeit mit den Markierungen "Projekt #1", "Projekt #2", "Projekt #3" und "Absprung" darstellt. Unten verläuft eine gelbe Linie, die den Prozess der Online-Kundengewinnung mit den Markierungen "Lead #1", "Lead #2" und "Lead #3" zeigt. Die Linien symbolisieren, dass Projektarbeit und Marketing parallel und kontinuierlich vorangetrieben werden können.
Abbildung 3: Parallelisierung des Vertriebs und der Projektarbeit durch Online-Marketing

Ich wollte, dass die Kunden mich von selbst finden. Doch wo suchen sie nach mir? Die Antwort ist einfach: Google!

Wusstest Du, dass 88% der Verbraucher trotz der ganzen KIs nach Antworten bei Such­maschinen suchen?

Die Grafik zeigt die Ergebnisse einer Umfrage zur Frage, wie Verbraucher online nach Antworten suchen. Sie ist in drei Balken unterteilt. Der größte Balken links zeigt, dass 88 % der Verbraucher Suchmaschinen wie Google & Co. nutzen, um Antworten zu finden. Der mittlere Balken zeigt, dass 31 % der Verbraucher Social Media für ihre Suche verwenden. Der kleinste Balken rechts zeigt, dass 12 % der Verbraucher auf Chatbots wie ChatGPT & Co. zurückgreifen. Die Quelle der Daten ist das "Hubspot Blog Research, Consumer Trends Report, May 2023", und die Grafik ist von der Website musnuss.de.
Abbildung 4: Wie Verbraucher online nach Antworten suchen. Die Respondenten konnten mehrere Antwortmöglichkeiten auswählen.

Blogposts zu schreiben geht schneller als ständig auf Kundenjagd zu gehen. Außerdem bleibt er jahrelang online und bringt immer wieder neue Leads.

Plötzlich war klar, wo ich meine Zeit investieren musste – ich brauchte eine Präsenz auf Google.

Mit einer Website zur Google-Präsenz.

Zum Glück bin ich Web-Entwickler und habe meine eigene Website erstellt und WordPress als CMS angebunden.

Das Bild zeigt die Erstellung eines Blogbeitrags im WordPress-Gutenberg-Editor. Links sind verschiedene Blockelemente wie HTML, Listen und Call-to-Action-Blöcke zu sehen. Der Hauptbereich enthält den Beitragstitel "Bilder Optimierung: Kompletter Leitfaden für Top-Ranking 2024" und eine Einführung zur Bildoptimierung für SEO. Rechts befinden sich Einstellungen wie Sichtbarkeit, Veröffentlichungsdatum, URL, Autor und Kategorien. Der Beitrag ist zur Veröffentlichung am 17. Juni 2024 geplant.
Abbildung 5: Erstellung eines Blogbeitrags im WordPress-Gutenberg-Editor auf meiner Website.

Und Dir helfe ich gerne dabei. Zum Beispiel wie ich es für KUB Consult UG getan habe:

Diese Bildcollage zeigt verschiedene Abschnitte einer Website für IT-Recruiting. Oben links ist eine Einführungsseite, die den Vorteil des IT-Recruiting-Services beschreibt, einschließlich Statistiken und Vorteilen. Oben rechts werden die ersten beiden Schritte des Recruiting-Prozesses erklärt, begleitet von Bildern und einem Suchformular. In der Mitte links wird der detaillierte Recruiting-Funnel dargestellt, während rechts eine Vorstellung der Top-Talente und der Community zu sehen ist. Unten links wird eine Aufforderung gezeigt, Spitzenkräfte im IT-Bereich einzustellen, und unten rechts sind Kundenstimmen und Erfahrungsberichte zu sehen.
Abbildung 6: Homepage der Website für KUB Consult UG, die ich entwickelt habe.

Jetzt blieb das eine: Suchmaschinenoptimierung (SEO). Ich musste meine Website so optimieren, dass sie bei Google gefunden wird.

Was ist meine SEO-Strategie?

Ich setze auf Content Marketing mit der allseitigen technischen SEO, semantischem HTML, Barrierefreiheit und Long-Tail Keywords.

Übrigens, ich habe einen kompletten Leitfaden zur Suche nach den richtigen Keywords erstellt, den Du kostenlos von mir bekommen kannst...
Das Bild zeigt eine Werbegrafik für einen Leitfaden von Dmitry Dugarev mit dem Titel "[PDF] Schritt für Schritt zu besten Keywords 2024". Dmitry Dugarev ist als Website-Entwickler aus Frankfurt am Main dargestellt. Ein Zitat von Edgar Linde, Geschäftsführer der elintech GmbH, lobt den Leitfaden als sehr wertvoll und hilfreich für die strukturierte SEO. Der Leitfaden basiert auf über 20 Studien von Google und führenden Digitalagenturen weltweit und hilft bei der Suche nach den besten Keywords für Blogs. Eine Grafik unten veranschaulicht die Beziehung zwischen der Anzahl der Wörter in Keywords und deren Kaufabsicht sowie Konkurrenz. Ein-Wort-Keywords haben eine niedrige Kaufabsicht und hohe Konkurrenz, während Keywords mit vier oder mehr Wörtern eine hohe Kaufabsicht und geringe Konkurrenz haben. Die Quelle ist musnuss.de und die Grafik wurde von Dmitry Dugarev erstellt.
Ausschnitt aus meinem Leitfaden "Schritt für Schritt zu besten Keywords 2024"

Melde Dich einfach für das gratis 1:1 Erstgespräch an und ich schicke Dir den kostenlos zu. Und wie Du gute Artikel schreibst, zeige ich Dir auch 😉

Dank Top-Keywords und guter technischer Basis landeten meine Artikel in wenigen Monaten bei vielen Keywords auf der ersten Seite von Google.

Das Bild zeigt einen Screenshot der Google Search Console für die Website musnuss.de. Der Hauptbereich des Bildschirms zeigt den Performance-Bericht für die letzten drei Monate. Unter dem Reiter "Queries" sind die Top-Suchanfragen aufgelistet, die Nutzer zur Website geführt haben. Zu den Suchanfragen gehören unter anderem "seo html" mit 195 Impressionen und Position 1, "html seo" mit 99 Impressionen und Position 1 sowie "semantisches html" mit 90 Impressionen und Position 1. Die Tabelle zeigt insgesamt zehn Einträge, alle mit der Position 1, außer der letzten Anfrage "sind ip adressen personenbezogene daten", die auf Position 4 rangiert.
Abbildung 7: Ein Auszug aus der Google Search Console

Endlich kamen die Besucher von selbst auf meine Website. Mein Website-Funnel füllte sich mit potenziellen Kunden.

Durch den organischen Traffic konnte ich endlich Statistiken sammeln, um meine Homepage für Conversions zu optimieren und die Besucher zu Kunden zu machen.

Das Bild zeigt eine Webseite von Dmitry Dugarev, einem Website-Entwickler aus Frankfurt am Main. Es enthält verschiedene markierte Elemente, die wichtige Aspekte der Seite hervorheben: die Vorstellung des Entwicklers mit einem Foto und seiner Berufsbezeichnung, ein Keyword "Google-Präsenz für B2B" in bunten Buchstaben, vertrauensbildende Elemente wie eine 5-Sterne-Bewertung auf LinkedIn, und mehrere Aufrufe zur Aktion, darunter "1:1 Call buchen" und "Jetzt 1:1 Beratung buchen". Es gibt auch Hinweise auf Mehrwert und USPs wie handgefertigte, responsive Websites, eine Conversion-Rate-Erhöhung um bis zu 20%, Marketingstrategien, ein Designsystem, 100% SEO, WordPress-Nutzung sowie DSGVO-Konformität und Barrierefreiheit. Ein Video ist ebenfalls auf der Seite eingebunden.
Abbildung 8: Conversion-relevanten Elemente auf meiner Website im Hero-Bereich.

Dann war ich endlich bereit die Google Ads zu starten und dank des conversion-orientierten Designs die Anfragen direkt auf die Website zu bekommen.

Ich bin sehr zufrieden! Dmitry hat uns eine Online-Plattform entwickelt und eine fundierte Anleitung für Marketing und SEO zur Verfügung gestellt. Schon im Erstgespräch war ich begeistert, dass Dmitry sofort die Probleme unserer Zielgruppe verstanden hat und mit einigen Ideen und Vorschlägen eine Lösung vorgeschlagen hat. Nach kürzester Zeit hat er die Lösung geliefert. Die Qualität war hervorragend und wir konnten die Plattform am selben Tag online schalten. Ich empfehle Dmitry gerne weiter!

Dieses Bild zeigt ein Porträt eines jungen Mannes mit kurzem, dunklem Haar und einem freundlichen Lächeln. Er trägt ein helles Hemd und blickt direkt in die Kamera. Das Bild ist in Schwarz-Weiß gehalten.

Edgar Linde

Geschäfts­führer Innovaforge IT Consulting & Software­entwicklung GmbH
5 von 5 Sternen

So war mein Marketing endlich automatisiert und ich konnte anfangen kontinuerlich zu wachsen.

Keine Kundenjagd mehr! 🎉

Wie Du siehst, hatte ich all dieselben Probleme, die Du jetzt wahrscheinlich auch hast. Deshalb weiß ich genau, wie ich Dir helfen kann, sie zu lösen.

Das Bild zeigt ein Portrait eines jungen Mannes, der direkt in die Kamera blickt. Er trägt eine schwarze Brille und hat kurzes, braunes Haar. Der Mann hat einen leichten Bartschatten und trägt ein weißes Oberteil. Im Hintergrund ist ein großes Fenster mit mehreren Scheiben zu sehen, das natürliches Licht in den Raum lässt. Die Atmosphäre des Bildes ist ruhig und professionell, wobei das weiche Licht und die klaren Linien des Fensters im Hintergrund eine dezente, aber moderne Kulisse schaffen. Das bin ich - Dmitry Dugarev.
M. Sc. Cybersecurity Hobbyfotograf Minimalist Datengetrieben Jogger

Seitdem habe ich durch meine aufgebaute Online-Präsenz 50+ Kundenprojekte erfolgreich gefunden und abgeschlossen. Hier ist ein kleiner Auszug:

Mockup der Proofinity GmbH Webseite, die modernes Design mit Schwerpunkt auf Reportingplattform und Datenmanagement zeigt. Strategiesche Beratung
Mockup der Kub Webseite, die modernes Design mit Schwerpunkt auf IT-Recruiting zeigt. IT-Recruiting
Mockup von Webseitenelementen für Celestical, inklusive Überschriften wie "We are Space Engineers." und "Bring your computing above the Clouds.", Nutzer-Testimonials, Preisinformationen, und einen Anmeldebereich. Die Gestaltung betont dunkle Hintergründe mit farblichen Akzenten und interaktiven Elementen zur Preisberechnung und Dienstleistungspräsentation. Startup
Mockup der INDI-MELT Webseite, die modernes Design mit Schwerpunkt auf Metallverarbeitung und Materialentwicklung zeigt. Zu sehen sind Abschnitte für Rapid Testing, Suction Casting und detaillierte Erklärungen der Technologie, illustriert durch Grafiken und Diagramme. Die dunklen und neutralen Töne vermitteln Professionalität und technischen Fokus. Industrie
Mockup der Webseite von Main Ginko mit einem sauberen, modernen und freundlichen Design, das Dienstleistungen und Kontaktinformationen hervorhebt. Elemente umfassen Textfelder für Anleitung, Lehre und Beratung, eine große Überschrift "Für eine Welt barrierefreier KOMMUNIKATION", sowie Kalender- und Kartendarstellungen für Termine und Standortinformationen. Dolmetschen
Mockup von Urcases Online Shop, die modernes Design mit Schwerpunkt auf ein gutes Einkaufserlebniss zeigt. E-Commerce
Mockup der Telejohn Webseite, die modernes Design mit Schwerpunkt auf ein gutes Einkaufserlebniss zeigt. E-Commerce

Meine Kunden lieben deren neue perfomante und moderne Online-Präsenz. Deswegen haben mir viele 5-Sterne-Bewertungen hinterlassen:

Ich bin sehr zufrieden! Dmitry hat uns eine Online-Plattform entwickelt und eine fundierte Anleitung für Marketing und SEO zur Verfügung gestellt. Schon im Erstgespräch war ich begeistert, dass Dmitry sofort die Probleme unserer Zielgruppe verstanden hat und mit einigen Ideen und Vorschlägen eine Lösung vorgeschlagen hat. Nach kürzester Zeit hat er die Lösung geliefert. Die Qualität war hervorragend und wir konnten die Plattform am selben Tag online schalten. Ich empfehle Dmitry gerne weiter!

Dieses Bild zeigt ein Porträt eines jungen Mannes mit kurzem, dunklem Haar und einem freundlichen Lächeln. Er trägt ein helles Hemd und blickt direkt in die Kamera. Das Bild ist in Schwarz-Weiß gehalten.

Edgar Linde

Geschäfts­führer Innovaforge®
5 von 5 Sternen

Dmitry hat von Anfang an ein professionelles Briefing durchgeführt, in dem all meine Wünsche zur Corporate Identity berücksichtigt wurden. Dank regelmäßiger Telefonate haben wir das Konzept perfekt umgesetzt. Jetzt sieht meine Webseite sehr professionell aus, was für meine IT-Recruiting Agentur essenziell ist. Herzlichen Dank für die tolle Arbeit, Dmitry, und weiterhin viel Erfolg!

Dieses Bild zeigt ein Porträt einer Frau mit schulterlangen Haren und einem freundlichen Lächel.

Victoria Huber

Geschäftsführerin KUB Consult
5 von 5 Sternen

Our main service's landing page and user experience was done thanks to Dmitry. It was really comforting that Dmitry understood the goals of our product very quickly, I had no efforts to make to onboard him. So he was not just an excellent front-end developer but a real online product developer who understands what problem we are solving and the best ways to present it. I do recommend working with Dmitry, he is a bright team member we can rely on and his guidance surely accelerate things.

Porträt eines lächelnden Mannes mit Glatze in formeller Kleidung, bestehend aus einem hellen Sakko und einem blauen Hemd, vor einem dunklen Hintergrund.

Red Boumghar

Fallstudie lesen
5 von 5 Sternen

Dank der professionellen Landing-Page von Dmitry ist Main-Ginko nun endlich auch online vertreten. Über das Buchungs­formular können uns Kund*innen und Studierende auf einfach Weg Anfragen für Einsätze oder Praktika schicken. Die Zusammenarbeit mit Dmitry Dugarev verlief zügig, unkompliziert und präzise. Ich freue mich auf unser nächstes Projekt.

Porträt eines glatzköpfigen Mannes mit einem freundlichen Lächeln, der draußen steht. Er trägt einen schwarzen Pullover und hinter ihm ist eine natürliche, grüne Umgebung leicht verschwommen im Hintergrund zu sehen.

Florian Hallex

Fallstudie lesen
5 von 5 Sternen

Sehr zufrieden! Dmitry war stets pünktlich hatte gute kreative Ideen und ist stets auf unsere Wünsche und Vorschläge eingegangen.

Porträt eines Mannes mit mittellangem, welligem Haar und Brille, lächelnd in formeller Kleidung mit einem dunklen Anzug und hellblauem Hemd vor einem neutralen, grauen Hintergrund.

Norman Kauss

Fallstudie lesen
5 von 5 Sternen

Working with Dmitry was a great decision. He built a web survey that was both easy to use and looked good – a combo that’s hard to find! This helped me quickly get all the responses I needed. I also received lots of positive comments from users on the survey's ease and design. What's more, he was always quick to respond and super helpful, making everything easier for me. For anyone in need of a skilled and reliable web developer, I highly recommend Dmitry!

Schwarz-weiß Porträt eines jungen Mannes mit kurzem Haarschnitt, der direkt in die Kamera lächelt. Er trägt ein ärmelloses Oberteil und steht in einem Raum mit natürlichem Licht, das sein Gesicht sanft beleuchtet.

Timur Kireyev

Digital Marketing Manager bei Hertie
5 von 5 Sternen

Als Web-Designer und SEO-Experte spezialisiere ich mich auf B2B-KMU und erstelle perfomante, barrierefreie SEO WordPress-Websites zur Online-Lead-Generierung.

Also, falls Du...

Jetzt Website-Preis berechnen

Bei mir erfolgt die Website-Erstellung in 4 klaren Schritten.

Ich gehe Schritt für Schritt vor, damit Du genau weißt, was passiert und wann Du was bekommst. Normalerweise dauert die Erstellung einer Website 4-6 Wochen.

Ich erstelle ein Design­system für Deine Marke und einen Prototyp der Website.

Zusätzlich bekommst Du noch Logo-Entwürfe, falls Du noch kein eigenes Logo hast.

Figma Logo, ein Design-Tool, in dem ich Deine Website plane und ein Prototyp erstelle Adobe Photoshop Logo, ein Grafik-Design-Tool, in dem ich die notwendigen Grafiken für Deine Website erstelle Adobe Illustrator logo, ein Grafik-Design-Tool, in dem ich die Icons sowie das Logo für Deine Website erstelle
Jetzt Website-Preis berechnen

Weiter wird die Website nach HTML5-Spezifikation von WHATWG semantisch erstellt.

Als Nächstes binde WordPress als CMS zur Verwaltung der Inhalte Deiner Website ein.

So kannst Du die Website selbst managen, auch ohne jene Programmierkentnisse.

HTML5 Logo - die Hypertext Markup Language, mit der ich das Layout Deiner Website erstelle CSS3 Logo, die Stylesheet-Sprache, die ich für das Styling Deiner Website verwende JavaScript Logo, eine Programmiersprache, mit der ich Deine Website interaktiv mache React Logo, eine JavaScript-Bibliothek, die ich für die Entwicklung Deiner Website verwende, falls Deine Website komplexe interaktive Elemente benötigt WordPress Logo, ein Content-Management-System (CMS), das ich für die Verwaltung Deiner Website-Inhalte einbinde, damit Du die Website selbst managen kannst Webflow Logo, ein visueller Web-Entwicklungstool, den ich für die Entwicklung Deiner Website verwende, falls Du eine Website ohne Programmierung erstellt haben möchtest
Jetzt Website-Preis berechnen

Abschließend mache ich die Qualitätssicherung und die Sicherheits-Checks.

Dabei wird die Website auf Performance, Barrierefreiheit, Semantik und SEO geprüft.

Zudem stelle ich sicher, dass die Website BFSG- und DSGVO-konform ist.

Google Lighthouse Logo, ein Tool, das ich für die Qualitätssicherung und Optimierung Deiner Website verwende Musnuss™ Visor Logo, ein Tool, mit desen Hilfe ich die Nutzerinteraktionen auf Deiner Website analysiere und die Conversion-Rate optimiere Hotjar logo, ein Tool, das ich für die Conversion-Optimierung Deiner Website verwende
Jetzt Website-Preis berechnen

Semantik-SEO und Barrierefreiheit. Das unterscheidet mich von Anderen.

Such­maschinen stehen auf Struktur und Klarheit. Mit 150+ semantischen HTML5-Tags wie dd oder section kann ich ihnen genau zeigen, worum es auf Deiner Seite geht.

Das Bild zeigt einen Vergleich zwischen nicht-semantischem und semantischem HTML. Auf der linken Seite, unter der Überschrift “Ohne Semantik”, wird der Aufbau einer Webseite ausschließlich mit generischen HTML-Tags wie und dargestellt. Die Struktur ist schwer verständlich, da keine beschreibenden Tags verwendet werden. Auf der rechten Seite, unter der Überschrift “Mit Semantik”, wird dieselbe Webseite mit semantischen HTML-Tags wie , , , , , , , , und dargestellt. Diese Tags bieten eine klarere und besser verständliche Struktur, die sowohl für Menschen als auch für Maschinen einfacher zu interpretieren ist.
Semantisches HTML im Vergleich zu einer Website mit Div-Elementen.

Ich erstelle die Websites nach nach HTML5-Spezifikation von WHATWG von Grund auf und binde dann ein Content-Management-System (CMS) wie WordPress ein.

Dieses Bild zeigt die Benutzeroberfläche des WordPress-Gutenberg-Editors. Auf der linken Seite sind verschiedene Blöcke und Widgets wie Archive, Kategorieliste, HTML, RSS und mehr zur Auswahl. In der Mitte des Bildschirms ist ein Bearbeitungsbereich mit einer Beispielüberschrift „Haben Sie das Gefühl die Kontrolle verloren zu haben?“ und darunter verschiedene Textblöcke und Formatierungsoptionen. Auf der rechten Seite befinden sich Einstellungen für den ausgewählten Block, einschließlich Farb- und Typografieoptionen. Das Bild vermittelt, wie Inhalte auf einer WordPress-Website mit dem Gutenberg-Editor verwaltet und bearbeitet werden können.
Bearbeitung der Inhalte der Website mit dem WordPress-Gutenberg-Editor in graphischen Blöcken.

Auf diese Weise werden die Such­maschinen Deine Website besser verstehen und indexieren. Und Du kannst die Website trotzdem selbst managen.

Erfahre mehr, wie die HTML5-Semantik auf Such­maschinen­optimierung (SEO) wirkt

Das sorgt für besseres Ranking und mehr Traffic für Deine neue Website.

Wenn Du anstrebst...

Website-Preis berechnen

Jetzt mit HTML5 barriere­frei werden und Strafen in Höhe von bis zu 100.000 € ab 2025 vermeiden!

Ab dem 28. Juni 2025 wird Barriere­frei­heit Pflicht fast für alle Websites.

Mit HTML5 und WAI-ARIA kann ich das auch gleich erledigen. Wie das geht, erkläre ich Dir jetzt.

Die Menschen mit Sehbehinderungen können Deine Website nicht sehen. Deswegen nutzen sie Screenreader, die die Website interpretieren und vorlesen.

Abbildung eines geblurrten Bildschirms.

Dafür wird vom Browser ein Barrierefreiheitsbaum erstellt, der die Website in eine klare Struktur umwandelt.

Vergleich von Accessibility Trees mit und ohne HTML5-Semantik. Links ein strukturierter Baum mit semantischen HTML5-Elementen wie 'banner', 'navigation' und 'main', rechts ein Baum ohne Semantik, lediglich mit 'StaticText'-Elementen. Jeder Baum zeigt die Hierarchie und die entsprechenden Textinhalte der Elemente.
Ein Vergleich des Barrierefreiheitsbaumes (Accessibility Tree) einer semantischen und nicht-semantischen Website.

Wie Du siehts, ist die Struktur der Website mit HTML5 und WAI-ARIA viel klarer und besser für Screenreader lesbar.

So stelle ich sicher, dass Deine Nutzer mit Seh­behinderungen Deine Website wie alle anderen auch ohne Probleme nutzen können.

Erfahre mehr darüber, wie Semantik die Barrierefreiheit Deiner Website verbessert

Und Du musst Dir keine Sorgen machen, Deine Website wird BFSG-konform by Design sein, und Du kannst Dich auf Dein Geschäft konzentrieren.

Erfahre mehr über Barriere­frei­heits­stärkungs­gesetz (BFSG) und wie ich Deine Website barrierefrei mache

Das Beste dran: Wenn Deine Website barrierefrei ist, wird das Dein Image gestärken und Deine Zielgruppe erweitern und die Conversion-Rate erhöhen.

Wenn Du willst...

Website-Preis berechnen

Website erstellen lassen: schon ab 890 € Festpreis!

Jetzt fragst Du Dich sicher, was eine Website bei mir kostet. Die Antwort: Es kommt darauf an. Doch zum Glück habe ich auf der Basis meiner Projekterfahrung ein Kostenrechner entwickelt.

Mockup von Webseitenelementen für Celestical, inklusive Überschriften wie "We are Space Engineers." und "Bring your computing above the Clouds.", Nutzer-Testimonials, Preisinformationen, und einen Anmeldebereich. Die Gestaltung betont dunkle Hintergründe mit farblichen Akzenten und interaktiven Elementen zur Preisberechnung und Dienstleistungspräsentation.

Our main service's landing page and user experience was done thanks to Dmitry. It was really comforting that Dmitry understood the goals of our product very quickly, I had no efforts to make to onboard him. So he was not just an excellent front-end developer but a real online product developer who understands what problem we are solving and the best ways to present it. I do recommend working with Dmitry, he is a bright team member we can rely on and his guidance surely accelerate things.

Porträt eines lächelnden Mannes mit Glatze in formeller Kleidung, bestehend aus einem hellen Sakko und einem blauen Hemd, vor einem dunklen Hintergrund.

Red Boumghar

Fallstudie lesen
5 von 5 Sternen
Mockup der Webseite von Main Ginko mit einem sauberen, modernen und freundlichen Design, das Dienstleistungen und Kontaktinformationen hervorhebt. Elemente umfassen Textfelder für Anleitung, Lehre und Beratung, eine große Überschrift "Für eine Welt barrierefreier KOMMUNIKATION", sowie Kalender- und Kartendarstellungen für Termine und Standortinformationen.

Dank der professionellen Landing-Page von Dmitry ist Main-Ginko nun endlich auch online vertreten. Über das Buchungs­formular können uns Kund*innen und Studierende auf einfach Weg Anfragen für Einsätze oder Praktika schicken. Die Zusammenarbeit mit Dmitry Dugarev verlief zügig, unkompliziert und präzise. Ich freue mich auf unser nächstes Projekt.

Porträt eines glatzköpfigen Mannes mit einem freundlichen Lächeln, der draußen steht. Er trägt einen schwarzen Pullover und hinter ihm ist eine natürliche, grüne Umgebung leicht verschwommen im Hintergrund zu sehen.

Florian Hallex

Fallstudie lesen
5 von 5 Sternen
Mockup der INDI-MELT Webseite, die modernes Design mit Schwerpunkt auf Metallverarbeitung und Materialentwicklung zeigt. Zu sehen sind Abschnitte für Rapid Testing, Suction Casting und detaillierte Erklärungen der Technologie, illustriert durch Grafiken und Diagramme. Die dunklen und neutralen Töne vermitteln Professionalität und technischen Fokus.

Sehr zufrieden! Dmitry war stets pünktlich hatte gute kreative Ideen und ist stets auf unsere Wünsche und Vorschläge eingegangen.

Porträt eines Mannes mit mittellangem, welligem Haar und Brille, lächelnd in formeller Kleidung mit einem dunklen Anzug und hellblauem Hemd vor einem neutralen, grauen Hintergrund.

Norman Kauss

Fallstudie lesen
5 von 5 Sternen

Nutze einfach meinen Website-Kostenrechner, um Dein individuelles Angebot zu erstellen. Ganz ohne E-Mail oder Telefonnummer anzugeben.

Möchtest doch gleich eine Beratung? Dann buche Dir gerne ein 30 min 1:1 gratis Call mit mir.

Dein persönliches Website-Erstellungpaket ist fertig 🚀

Hier ist Dein individuelles Angebot für eine professionelle Website mit allen notwendigen Funktionen und Inhalten.

Gesamt:

0 €

0 EUR

Du sparst: 0 EUR

1:1 gratis Beratung buchen

Geld Zurück Garantie!
Noch unsicher? Kein Problem! Nach jeder Projektphase entscheidest Du, ob Du weitermachen willst. Falls nicht, gibt's Dein Geld zurück. Ohne Wenn und Aber!

Zwischenpreis:

0 EUR

Häufig gestellte Fragen

Hier sind einige Fragen, die mir oft gestellt werden. Wenn Du die Antwort auf Deine Frage nicht findest, schreib mir einfach eine E-Mail an support@musnuss.de