Zum Inhalt springen

Webentwicklung · Next.js · React · PHP

Webentwicklung für Seiten, die gefunden werden und Kunden gewinnen

Als Agentur für Webentwicklung baut JUNU Landingpages, Portale und Web-Apps mit Next.js, React und PHP. Die Seiten laden schnell, sind für Google sauber strukturiert und auf Anfragen und Verkäufe ausgelegt.

30 Minuten · Video-Call · unverbindlich

seit 2012 in E-Commerce und Digital Marketing · 170+ Projekte für 50+ Kunden

Leistungen

Seiten mit einer klaren Aufgabe

Jede Seite soll etwas bewirken: eine Anfrage, einen Termin, einen Verkauf oder ein Ranking. Danach richten wir Aufbau und Technik aus.

  • Landingpages und Conversion-Seiten

    Landingpages mit genau einer Aufgabe: Anfrage, Termin oder Kauf. Klare Botschaft, kurze Ladezeit und Messung der wichtigsten Klicks.

  • Programmatic SEO

    Standort-, Kategorie- und Vergleichsseiten in großer Zahl, erzeugt aus Daten und jede mit eigenen Texten, FAQs und strukturierten Daten. Interne Links zu den nächstgelegenen Orten berechnen wir aus Geokoordinaten.

  • Vergleichs- und Ratgeberportale

    Vergleichstabellen, Kaufberatung und Ratgeber, aufgebaut nach dem Muster echter Suchanfragen. Mit FAQ-Markup, Volltextsuche und responsiven Bildern über ein Bild-CDN.

  • Web-Apps und APIs

    Verwaltungsoberflächen, Importer und Schnittstellen mit Warteschlangen und automatischen Wiederholungen. Zum Beispiel für Plattformen, die Gutscheine aus Affiliate-Netzwerken übernehmen und Newsletter je Marke mit Double-Opt-in versenden.

  • Performance

    Seiten werden vorab erzeugt (SSG) und bei Bedarf im Hintergrund aktualisiert (ISR). Dazu Critical CSS, moderne Bildformate wie AVIF und WebP und ein CDN, gut für die Core Web Vitals, Googles Messwerte für Ladezeit, Reaktionszeit und Layout-Stabilität.

  • Hosting und Betrieb

    Wir hosten bei Hetzner, DigitalOcean, AWS oder Google Cloud und liefern statische Seiten zusätzlich über ein CDN aus. Updates und Betrieb übernehmen wir auf Wunsch, im vorher festgelegten Umfang.

Technik

Wir wählen die Technik nach Ihrem Ziel

Next.js, React und Astro für schnelle Frontends, PHP für Shopware, Schnittstellen und Hintergrund-Jobs. Entscheidend ist, was Ihre Seite leisten soll und wer sie später pflegt.

  • Next.js und React

    Für Landingpages, Portale und Web-Apps, die schnell laden und gut ranken sollen. Seiten entstehen statisch oder werden bei Bedarf auf dem Server gerendert.

  • Astro

    Für inhaltsstarke Seiten wie Vergleichs- und Ratgeberportale. Der Browser erhält fertiges HTML und nur so viel JavaScript wie nötig.

  • TypeScript, HTML5 und Tailwind CSS

    Typisierter Code, semantisches HTML mit klarer Überschriften-Struktur und schlanke Stylesheets. Das macht Seiten leichter erweiterbar und für Suchmaschinen gut lesbar.

  • PHP

    Für Shopware-Plugins, Schnittstellen, Importer und Hintergrund-Jobs. Shopware basiert selbst auf PHP, das erleichtert die Anbindung an Ihren Shop.

Heller Arbeitsplatz mit aufgeklapptem Laptop, auf dem Bildschirm Programmcode, daneben Tasse und Pflanze

SEO inklusive

SEO ab der ersten Zeile Code

Was im Code fehlt, muss SEO später mühsam nachholen. Deshalb planen SEO und Entwicklung bei uns von Anfang an gemeinsam.

  • Saubere URLs und Weiterleitungen

    Sprechende URLs, Canonical-Tags gegen doppelte Inhalte und dauerhafte Weiterleitungen (301) bei jedem Relaunch.

  • Strukturierte Daten

    Schema.org-Markup für Organisation, Produkte, FAQs oder Standorte. Das hilft Google und KI-Assistenten, Ihre Inhalte richtig einzuordnen.

  • Interne Verlinkung

    Hub-Strukturen und Link-Module, die Linkkraft gezielt auf wichtige Seiten lenken. Bei Standortseiten etwa vom Bundesland bis zur Stadt.

  • Sitemaps und robots.txt

    XML-Sitemaps, bei sehr vielen Seiten als Sitemap-Index. Dazu eine robots.txt, die Suchmaschinen nur dort aussperrt, wo Inhalte nicht in den Index gehören.

  • Meta-Daten als Vorlage

    Meta-Titel, Meta-Beschreibung und Überschriften folgen je Seitentyp einer Vorlage. So bleiben sie auch bei sehr vielen Seiten einheitlich und pflegbar.

  • Messung ab dem ersten Klick

    Formular-Absendungen, Klicks auf Kontakt-Buttons, Partnerlinks und Kampagnenparameter messen wir von Beginn an. So sehen Sie, welche Seiten Anfragen bringen.

Hub-Struktur für Standortseiten vom Bundesland bis zur StadtStartseiteBundeslandBundeslandLandkreisLandkreisStadtStadtStadtStadtStadt

Referenzen

Seiten, die bei Google ganz oben standen

  • Schlüsselnotdienst, bundesweite Lead-Seite · 2023–2025, abgeschlossen

    schluesseldienst-jetzt.de

    Platz 1 für „Schlüsseldienst“ · Google.de²

    Platz 1 für „Schlüsselnotdienst 24h“ und Top-5-Rankings für Stadtseiten · Google.de, Mai 2024¹

    Eine bundesweite Seite für Schlüsselnotdienste, gebaut für Notfall-Suchen am Smartphone. Kern war ein Stadtseiten-System auf Next.js. „Schlüsseldienst“ ist aus unserer Sicht einer der umkämpftesten lokalen Suchbegriffe in Deutschland.

    • Next.js
    • Programmatic SEO
    • Local SEO
    Referenz ansehen
    Schema des Stadtseiten-Systems von schluesseldienst-jetzt.de
  • Und viele weitere

    Dazu kommen viele weitere Projekte, darunter Vergleichs- und Ratgeberportale, Landingpage-Systeme und Web-Apps.

    Projekt besprechen

¹ Organische Positionen bei Google.de laut Ahrefs, Stichprobe vom 01.05.2024.

² Platz 1 für „Schlüsseldienst“ (schluesseldienst-jetzt.de): Screenshot der Google-Suche bzw. Google Search Console. Rankings schwanken und hängen von Standort, Gerät und Zeitpunkt ab.

So arbeiten wir

In vier Schritten vom Ziel zur fertigen Seite

Vier Schritte von der ersten Idee bis zur Seite, die messbar arbeitet.

  1. Ziel und Conversion-Konzept

    Wir klären, was die Seite leisten soll: Anfragen, Termine, Verkäufe oder Reichweite. Daraus entstehen Seitentypen, Struktur und ein schriftlicher Leistungsumfang.

  2. Design und Inhalte

    Das Design entsteht mit Fachleuten aus unserem Netzwerk oder auf Basis Ihrer Vorlagen. Texte schreibt unsere Redaktion, oder wir arbeiten mit Ihren.

  3. Entwicklung

    Wir bauen in Etappen und zeigen Zwischenstände in einer Testumgebung. SEO-Grundlagen sind von Anfang an im Code.

  4. Launch und Messung

    Go-live mit Weiterleitungen, Sitemap und Tracking. Danach messen wir Rankings, Ladezeit und Conversions und entwickeln die Seite weiter.

Fragen zur Webentwicklung

Mit welchen Technologien arbeiten Sie?

Mit Next.js, React und Astro für Frontends und mit PHP für Shopware, Schnittstellen und Hintergrund-Jobs. Dazu kommen TypeScript, JavaScript, HTML5 und Tailwind CSS. Welche Technik passt, entscheiden wir nach Ziel, Datenmenge und danach, was Ihr Team später selbst pflegen möchte.

Bauen Sie auch Seiten außerhalb von Shopware?

Ja. Sie können bei uns eine einzelne Landingpage erstellen lassen oder ein größeres Projekt umsetzen: ein Vergleichs- oder Ratgeberportal, ein System für Standortseiten oder eine Web-App. Ergänzt die Seite einen Shop, verbinden wir beides über Schnittstellen.

Shopware & E-Commerce

Wer übernimmt das Design?

Fachleute für Design aus unserem Netzwerk, abgestimmt auf Ziel und Marke. Bringen Sie eigene Vorlagen mit, etwa aus Figma oder einem Styleguide, setzen wir diese um. In beiden Fällen planen wir das Layout so, dass es schnell lädt und auf dem Smartphone gut funktioniert.

Brauchen wir ein CMS?

Nicht immer. Seiten, die selten geändert werden, können wir direkt in Dateien wie Markdown pflegen. Das ist schnell, sicher und braucht keine CMS-Updates. Möchte Ihr Team Inhalte regelmäßig selbst ändern, planen wir ein CMS ein. Welches passt, klären wir in der Konzeptphase.

Wer hostet die Seite?

Das entscheiden Sie. Bleiben Sie bei Ihrem bisherigen Anbieter, richten wir das Deployment dort ein. Andernfalls hosten wir die Seite für Sie und übernehmen auf Wunsch Betrieb und Updates.

Was kostet eine Landingpage oder ein Portal?

Das hängt vom Umfang ab: Seitentypen, Datenquellen, Design und Schnittstellen. Feste Pakete haben wir nicht. Nach dem Erstgespräch erhalten Sie einen Vorschlag mit klarem Leistungsumfang. Lassen Sie uns sprechen.

Erzählen Sie uns, was Ihre Seite leisten soll

Im Erstgespräch klären wir Ziel, Umfang und Technik. Danach erhalten Sie einen Vorschlag mit klar beschriebenem Leistungsumfang.

30 Minuten · Video-Call · unverbindlich