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

Website-Entwickler aus Frankfurt am Main

5 von 5 Sternen
5 / 5 auf LinkedIn

Google-Präsenz für B2B: mit SEO-Strategie & Top-Website.

Ich kreiere handgefertigte, responsive, non-AI-Websites für B2B • Conversion-Rate bis zu 20% • Marketing Strategie + Designsystem • 100% SEOWordPressDSGVO-konform & barrierefrei.

Jetzt 1:1 Beratung buchen 100% kostenfrei & unverbindlich

Timur Kireyev und ich beim Besprechen der Entwicklung einer Website für seine Markt-Recherche-Kampagne
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.
Porträts meiner zufriedenen Kunden

Florian Hallex, Norman Kauss und 11 andere

sind bereits mit einer SEO-Website Online zu finden.

Jetzt Website erstellen lassen
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
Technologien und Tools, die ich für die Entwicklung Deiner Website verwende

Wie viele organische Besucher hat Deine Website? 0?

Hast Du es nicht satt, 10 € für Hosting jeden Monat auszugeben, ohne dass Deine Website Ergebnisse liefert?

Oder hast Du noch gar keine Website und die meisten Deiner Kunden kommen durchs 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.

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

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

Zuerst habe ich Netzwerken ausprobiert.

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.

Mein Leben sah ungefähr so aus:

Wie ich mich im Netzwerken-Teufelskreis gefühlt habe. Video gemacht mit der KI Roop.

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

Wie ich da rausgekommen bin?

Mit einer Marketing-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

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

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.

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

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: 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.


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.
Abbildung 7: 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 8: Auszug aus der Google Search Console für die Website musnuss.de

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

Diese Grafik zeigt die vier Stadien des Website-Funnels. Oben beginnt der Trichter mit "Informationssuchende Besucher", die durch organischen Traffic von Blog-Artikeln auf die Website kommen. Darunter folgen "Interessierte Besucher", die Inhalte durch interne Links entdecken. Im dritten Stadium sind "Kaufbereite Besucher", die die Landing Page oder Service Page besuchen, wobei hier Google Ads Traffic herein kommt. Das letzte Stadium ist "Aktion", wo die Besucher vom Angebot überzeugt sind und bereit zum Kauf.
Abbildung 9: Darstellung der 4 Stadien des Website-Funnels.

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 10: 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!

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

Keine Kundenjagd mehr! 🎉


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

Als Web-Entwickler und SEO-Experte spezialisiere ich mich auf B2B-KMU, die online wachsen wollen.

Also, pass auf. Wenn Du...

Buche 1:1 gratis Beratung

Die Website alleine ist sinloss. Du brauchst eine Strategie.

Also, wie Du gesehen hast, die Website alleine ist nur ein Teil der Lösung. Die Website muss in Deine Marketing-Strategie passen.

Ich habe schon viele Websites gesehen, die einfach 10 € pro Monat für den Server verbrennt. Das ändere ich!

Ich will, dass Deine Website Dein Business voranbringt und Deine Kunden begeistert.

Ich gebe Dir eine B2B Digitale-Marketing-Strategie im Wert von über 2000 € gratis!

Bevor wir starten, klären wir, wie Deine Website in Deine Marketing-Strategie passt – oder ich entwickele Dir eine wie auf der von Grund auf. Und das für 0 €.

Dabei identifiziere ich Deine Zielgruppe, und versuche mich in die Köpfe Deiner Kunden hineinzuversetzen.

So kann ich deren Informationsverhalten, Entscheidungskriterien und das Unternehmensprofil definieren und die Website optimal darauf abstimmen.

Schlussendlich bekommst Du eine klare schematische Darstellung von Deinem Marketing-Funnel, wie in der Abbildung 11 dargestellt.

Diagramm einer Suchmaschinenmarketing (SEM) Strategie für Mususnus™ Website Entwicklung, inklusive Zielgruppenanalyse, Informationsverhalten, Entscheidungskriterien und Unternehmensprofil. Es zeigt Verbindungen zwischen Marketingbewusstsein, Kundenverhalten und -gefühlen, SEO-Strategien und konkreten Aufgaben wie Keyword-Recherche und Optimierung der Online-Präsenz.
Abbildung 11: Ausschnitt aus meiner Marketing-Strategie, anhand derer ich eine Marketing-Strategie für Dich entwickle.

Normalerweise kostet eine solche Strategie bei anderen Agenturen über 2.000 €. Bei mir bekommst Du sie gratis, bevor Du überhaupt irgendwas unterschrieben hast.

So weißt Du genau, wie Deine Website Dein Business voranbringt und wofür Du investierst, und ob Du eine Website überhaupt brauchst.

Design­system im Wert von über 1000 € ist bei jeder Bestellung mit drin!

Wenn Du noch ein Markenimage brauchst, entwickle ich Dir ein komplettes Design­system für Dein Unternehmen, wie in der Abbildung 12 darstellt.

Das umfasst Logo-Entwürfe, Farbpalette, Typografie und weitere Design-Elemente, die Deine Marke einzigartig machen und zum Leben erwecken.

Übersicht eines Designsystems mit visuellen Richtlinien für Benutzeroberflächen, einschließlich Schriftgrößen und -stile, Farbpalette mit Fehler- und Neutralfarben sowie Schattierungen von Weiß und Schwarz. Zusätzliche Details zu Wrapper-Ecken, Abständen und responsive Größenanpassungen sind ebenfalls dargestellt.
Abbildung 12: Ein Ausschnitt aus einem Designsystem, das ich für meine Marke Musnuss™ entwickelt habe.

Dieses Design­system kannst Du dann für alle Deine Marketing-Materialien verwenden, um Deine Marke einheitlich und professionell zu präsentieren.

Woanders würdest Du über 1.000 EUR zahlen, bei mir ist es ein kostenloser Bonus mit jeder Website dazu.

0 € versteckte Kosten, 100% Transparenz, Gratis Marketing-Beratung bis zum Erfolg.

Machst Du Dir Sorgen, dass Du am Ende mehr zahlst, als Du erwartet hast? Das passiert bei mir nicht.

Keine versteckten Kosten, keine unnötigen Features. Ich berate Dich ehrlich und transparent, und Du entscheidest, was Du entwickelt haben willst.

Und Du zahlst nur Festpreis für die Entwicklung. Egal, wie lange es dauert (normalerweise 4-6 Wochen 🙂).

Und Du kannst Dir sicher sein, ich unterstütze Dich solange, bis Deine Website das tut, was sie tun soll – Besucher in Anfragen verwandeln.

Dein Traum ist...

1:1 gratis Gespräch buchen

Bei mir erfolgt die Web­seiten­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.

Prozessschritt 2: Planung einer Website mit einem Design­system und einem Prototyp

Prototyp eines Webshops in Figma, in dem die Benutzerfreundlichkeit und das Design geprüft wird und die Interaktionen simuliert werden.

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

Der Prototyp wird in Figma erstellt, wo Du alles im Voraus sehen und testen kannst.

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
1:1 gratis Gespräch buchen

Prozessschritt 3: Entwicklung einer Website mit HTML5, CSS3 und JavaScript

Entwicklung einer Website in Visual Studio Code

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
1:1 gratis Gespräch buchen

Prozessschritt 4: Optimierung der Website für Performance, Suchmaschinen und Barrierefreiheit

Optimierung der Website in Musnuss™.Visor

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
1:1 gratis Gespräch buchen

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

Such­maschinen stehen auf Struktur und Klarheit. Mit speziellen HTML5-Tags wie dd, section, etc. kann ich denen genau zeigen, worum es auf Deiner Seite geht.

Erfahre mehr über HTML5-Semantik und wie es Deine Website beeinflusst

Deswegen lass ich Tools wie Wix links liegen; die machen aus Deiner Website nur einen Haufen div-Elementen, die von den Such­maschinen einfach ignoriert werden.

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.
Abbildung 13: 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 Inhalts­verwaltungs­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.
Abbildung 14: 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...

1:1 Gespräch buchen

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

Außerdem, ab 2025 wird Barriere­frei­heit Pflicht für alle Websites. Mit HTML5 und WAI-ARIA kann ich das auch gleich erledigen.

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

Dafür wird vom Browser ein Barrierefreiheitsbaum erstellt, der die Website in eine klare Struktur umwandelt. Ein Beispiel siehst Du auf der Abbildung 15.

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.
Abbildung 15: 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 die Navigation auf Deiner auch finden.

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

So musst Du 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 Du Deine Website dafür vorbereitest

Und das Beste: Wenn Deine Website barrierefrei ist, wird das Dein Image gestärken und Deine Zielgruppe erweitern.

Wenn Du willst...

1:1 Gespräch buchen

Hier ist, was andere KMU-Inhaber über mich sagen.

Ich habe schon über 10 KMU geholfen, ihre Website zu optimieren und online sichtbar zu werden. Hier sind einige Meinungen von meinen Kunden.

Meinungen von meinen Kunden

Meinung von Red Boumghar

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.

Meinung von Florian Hallex

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.

Meinung von Norman Kauss

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.

Strategie, Design­system, Website & mehr nur ab 990 €!

Je nach Bedarf biete ich Dir drei Pakete an, von einer einfachen Website bis zu einer umfassenden Online-Marketing-Lösung für Dein B2B-KMU.

Und abgesehen davon bekommst Du noch über 3000 € an Mehrwert gratis mit jedem Paket dazu, wie z.B.:

Also, worauf wartest Du noch? Buche jetzt eine Website Beratung und lass uns Dein KMU online sichtbar machen!

Website Preise Pakete

Röntgenähnliche Darstellung eines menschlichen Kopfprofils mit hervorgehobener Gehirnstruktur in blauer Leuchtfarbe, was auf die kognitive und strategische Planung hinweist, die auch im günstigsten Preis-Paket enthalten ist.

Basis

WordPress-Website auf Basis von Musnuss™ Gutenberg-Theme mit bis zu 5% Conversion

Projekt anfragen

Untersuchung

  • Nicht enthalten: Untersuchung der Zielgruppenpräferenzen;
  • Nicht enthalten: Keyword-Analyse und Erstellung thematischer Cluster für SEO;

Design

  • Enthalten: Designsystem + Logo
  • Nicht enthalten: Interaktiver Design-Prototyp in Figma

Entwicklung

  • Nicht enthalten: Eigene WordPress-Theme-Entwicklung
  • Enthalten: Start-, Blog-, Artikel-, Dokumenten- und Kontaktseite sowie technische Seiten
  • Nicht enthalten: bis zu 5 Service- / Produktseiten
  • Enthalten: SEO- und Semantik-Optimierung der Website
  • Enthalten: Sicherstellung der DSGVO-Konformität
  • Enthalten: Barrierefreiheit nach BFSG & WCAG

Beratung

  • Enthalten: Marketingstrategie für B2B + Leitfaden für SEO für B2B
  • Nicht enthalten: SEO-Beratung in den ersten 3 Monaten

Unterstützung

  • Nicht enthalten: Technischer Support für 3 Monate;
  • Nicht enthalten: Erstellung von bis zu 10 neuen Blöcken kostenlos innerhalb von 3 Monaten.
2000 € 990 €
Eine visuelle Darstellung eines menschlichen Kopfes im Profil mit einer detaillierten, leuchtenden Darstellung des Gehirns in verschiedenen Farben, symbolisiert ein mittleres Preispaket, das umfassende Dienstleistungen und einen tieferen Grad an Detail und Komplexität bietet.

Komplett

Interaktive Website auf Basis von Musnuss™ Gutenberg-Theme mit mit bis zu 20% Conversion

Projekt anfragen

Untersuchung

  • Enthalten: Untersuchung der Zielgruppenpräferenzen;
  • Nicht enthalten: Keyword-Analyse und Erstellung thematischer Cluster für SEO;

Design

  • Enthalten: Designsystem + Logo
  • Nicht enthalten: Interaktiver Design-Prototyp in Figma

Entwicklung

  • Nicht enthalten: Eigene WordPress-Theme-Entwicklung
  • Enthalten: Start-, Blog-, Artikel-, Dokumenten- und Kontaktseite sowie technische Seiten
  • Nicht enthalten: bis zu 5 Service- / Produktseiten
  • Enthalten: SEO- und Semantik-Optimierung der Website
  • Enthalten: Sicherstellung der DSGVO-Konformität
  • Enthalten: Barrierefreiheit nach BFSG & WCAG

Beratung

  • Enthalten: Marketingstrategie für B2B + Leitfaden für SEO für B2B
  • Nicht enthalten: SEO-Beratung in den ersten 3 Monaten

Unterstützung

  • Enthalten: Technischer Support für 3 Monate;
  • Nicht enthalten: Erstellung von bis zu 10 neuen Blöcken kostenlos innerhalb von 3 Monaten.
6.000 € 4.990 €
Diese Grafik zeigt ein leuchtendes Gehirn innerhalb eines Kopfprofils mit strahlenden Lichteffekten, was für das umfangreichste und höchstwertige Preis-Paket steht, das Premium-Dienstleistungen und eine besonders hervorgehobene Expertise symbolisiert.

Ultimativ

Interaktive Website mit eigenem einzigartigen Gutenberg-Theme mit 40 Blöcken für neue Seiten

Projekt anfragen

Untersuchung

  • Enthalten: Untersuchung der Zielgruppenpräferenzen;
  • Enthalten: Keyword-Analyse und Erstellung thematischer Cluster für SEO;

Design

  • Enthalten: Designsystem + Logo
  • Enthalten: Interaktiver Design-Prototyp in Figma

Entwicklung

  • Enthalten: Eigene WordPress-Theme-Entwicklung
  • Enthalten: Start-, Blog-, Artikel-, Dokumenten- und Kontaktseite sowie technische Seiten
  • Enthalten: bis zu 5 Service- / Produktseiten
  • Enthalten: SEO- und Semantik-Optimierung der Website
  • Enthalten: Sicherstellung der DSGVO-Konformität
  • Enthalten: Barrierefreiheit nach BFSG & WCAG

Beratung

  • Enthalten: Marketingstrategie für B2B + Leitfaden für SEO für B2B
  • Enthalten: SEO-Beratung in den ersten 3 Monaten

Unterstützung

  • Enthalten: Technischer Support für 3 Monate;
  • Enthalten: Erstellung von bis zu 10 neuen Blöcken kostenlos innerhalb von 3 Monaten.
10.000 € 8.990 €

Alle Preise zzgl. MwSt. und dienen nur zur Orientierung. Der endgültige Preis hängt von den spezifischen Anforderungen Deines Projekts ab, die wir in einem Erstgespräch besprechen. Individuell maßgeschneiderte Lösungen sind ebenfalls verfügbar.

Hinterlasse Deine E-Mailerhalte einen Termin + Bonus dazu 🎁

Es ist Zeit, durchzustarten und Deine Website auf das nächste Level zu heben. Hier ist, was wir während der kostenlosen Website Beratung angehen:

Hinterlasse Deine E-Mail und mach den ersten Schritt, um Deine Website zum Magnet für Suchende zu machen!

Gebe Deine E-Mail-Adresse im Format max.mustermann@mail.de ein. Gebe Deine Branche ein, damit ich mich besser auf unser Gespräch vorbereiten kann. Klicke hier, um Deine Terminanfrage zu senden und den Bonus zu erhalten.

P.S.: Bist Du noch am Überlegen? Dann hier ist ein kleiner Anreiz für Dich:

Wenn du die Terminanfrage stellst, und wir uns tatsächlich treffen, bekommst Du:

  • BONUS: Checkliste mit 55 Tipps für perfekte SEO-Blogbeiträge für B2B 2024 - Ein E-Book mit den besten SEO-Praktiken für Blogbeiträge, die 2024 relevant sind.

Ich hoffe das reicht. Ich freue mich auf unser Gespräch und bin gespannt, was wir gemeinsam erreichen können!

Meine Unterschrift, die aus einem durchgestrichenen Buchstaben D besteht, der in kyrilischer Schreibschrift geschrieben ist

Beste Grüße
Dmitry Dugarev

FAQ

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