Dipl.-Ing. Eric Sturmifbau, Stuttgart, 18.07.2013

Website-Check: Optimieren Sie Ihre Internetseiten

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

‣ Jahrgang 1971‣ 1992-1999 Architekturstudium‣ 2000 Diplom TU Berlin‣ 2000-2006 Projektmanager und Konzepter

bei Internet-Agenturen und Unternehmen‣ seit 2007 selbständiger Webdesigner,

Dozent & Fachautor‣ seit 2003 Herausgeber des Online-

Magazins "Internet-fuer-Architekten.de"

Über Eric Sturm

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

‣ “Sprechende” Adressen kann man sich besser merken.

‣ Statt “maxbeispiel.de” lieber “max-beispiel-architekten.de”

‣ Keyword "architekt(en)" ist gut für Google‣ Eine de-Domain kostet ca. 0,50 €/Monat

Tipp: Reservieren Sie mehrere Domains, z. B. mit und ohne Bindestriche.

1. Die richtige Internetadresse

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

‣ Der Satz “Weniger ist mehr” gilt nicht auf der Startseite Ihrer Büro-Website!

‣ Kurze Texte und/oder Bildunterschriften sind wichtig für Ihre Website-Besucher und Suchmaschinen.

‣ Auch auf Unterseiten gilt: Lieber zuviel Text als zuwenig.

2. Ihre Projekte sprechenNICHT für sich

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

‣ Verwenden Sie leicht verständliche Bezeichnungen für Ihre Menüpunkte.

‣ Nutzen Sie Begriffe, die Ihre Besucher kennen und erwarten: “Über uns”, “Leistungen”, “Projekte” oder “Referenzen”, “Kontakt” ...

‣ Platzierung Navigation: Immer über oder links neben den Hauptinhalt.

3. Navigation: "Keine Experimente!"

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

4. Aktuell oder nicht aktuell? Beides geht.

‣ Wenn vorhanden, muss "Aktuell" auch aktuell (!) sein.

‣ Auch kleinere Anlässe für Meldungen nutzen, z. B. den Abschluss einer Bauphase, Richtfest, Firmenjubiläum etc.

‣ Möglichst 1 bis 2 Meldungen pro Monat.‣ Alternative: "Aktuell" einfach weglassen.

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

5. Drei bis fünf Projektfotos reichen aus!

‣ Für die Präsentation eines Bauprojekts reichen drei bis fünf aussagekräftige Bilder. Dazu ein kurzer, verständlicher Text (gerne stichwortartig)

‣ Vorteil: Diese Informationen sind auch im Alltagsstress schnell zusammengestellt. So halten Sie Ihre Website leichter aktuell.

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

geschlossen?

offen!

6. Zeigen Sie sich und Ihre Mitarbeiter

‣ Bauprojekte leben von menschlichen Beziehungen!

‣ Ein Bauherr interessiert sich für die Menschen, mit denen er ein Bauprojekt umsetzen will (und denen er viel Geld anvertraut).

‣ Zeigen Sie mindestens ein Foto von sich, idealerweise auch von allen Mitarbeitern.

‣ Ebenfalls interessant für potentielle Bauherren: Innenansichten Ihres Büros

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

‣ Hauptaufgabe der Website = Kontaktaufnahme durch Interessenten

‣ Bieten sie verschiedene Möglichkeiten der Kontaktaufnahme: Adresse, Telefon, E-Mail, Kontaktformular, Social Media

‣ Platzieren Sie die Kontaktdaten auf jeder Seite!

‣ Zusätzlich: "Digitale Visitenkarte" mit allen Daten zum bequemen Download

7. Kontaktdaten auf jeder Seite!

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

8. Füttern Sie die Suchmaschinen!

‣ Suchmaschinen bewerten die Textelemente Ihrer Website: Seitentitel, Überschriften, Zwischenüberschriften, Fliesstexte, Bildnamen ...

‣ Verwenden Sie leicht verständliche Begriffe, nach denen Interessenten in Suchmaschinen suchen würden (Umnutzung, Sanierung, Passivhaus, Architekt, preiswert, bauen ...)

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

9. Es muss nicht immer Arial sein!

‣ Dank “Webfont”-Technologie können Sie fast jede Schriftart auf Ihrer Website nutzen.

‣ Es gibt kostenpflichtige und kostenlos nutzbare “Open Source”-Webfonts (z. B. Google Webfonts).

‣ “Nachrüstung” einer bestehenden Website mit Webfonts ist leicht möglich.

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

10. "Gefällt mir!"

‣ Profitieren Sie von der wachsenden Bedeutung der Sozialen Netzwerke!

‣ Platzieren Sie Buttons für Facebook, Google Plus und Twitter auf jeder Seite.

‣ Per Klick können Besucher Ihre Website im eigenen Bekanntenkreis weiterempfehlen.

‣ Diese sog. "Social Signals" werden auch von Suchmaschinen immer stärker gewertet!

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

11. Von klein bis riesig alles im Blick

‣ Die Nutzung von Smartphones und Tablet-PCs (iPad & Co.) nimmt stetig zu.

‣ Ihre Website muss auch bei kleineren Bildschirmauflösungen gut benutzbar sein.

‣ Ideal: Die Seiten passen sich automatisch dem Bildschirm an

‣ Nachrüstung ist auch bei bestehenden Websites möglich.

Testen Sie Ihre Website auf "Mobil-Tauglichkeit":

quirktools.com/screenfly

1. Die richtige Internetadresse2. Ihre Projekte sprechen NICHT für sich3. Navigation: “Keine Experimente!”4. Aktuell oder nicht aktuell? Beides geht5. Drei bis fünf Projektfotos reichen aus6. Zeigen Sie sich und Ihre Mitarbeiter7. Kontaktdaten auf jeder Seite!8. Füttern Sie die Suchmaschinen!9. Es muss nicht immer Arial sein!10. “Gefällt mir!”11. Von klein bis riesig alles im Blick12. Die Erwartungshaltung der Website-Besucher

Themenüberblick

12. Die Erwartungshaltung der Website-Besucher berücksichtigen

‣ “Der Köder muss dem Fisch schmecken, nicht dem Angler” gilt auch für Architekten-Websites.

‣ Denken Sie aus Nutzersicht! Beispiele:- Was erwartet ein Bauherr von einer

Architekten-Website? - Findet sich ein Journalist schnell auf Ihren

Seiten zurecht? - Welchen Eindruck hätte ein talentierter

Hochschulabsolvent von Ihrem Büro?

Vielen Dank!

Dipl.-Ing. Eric Sturmifbau, Stuttgart, 18.07.2013

Bildnachweis:

– „Grashalme“: Broiler / aboutpixel.de– Berliner Ladenbüro-Fassaden: Eric Sturm– Graphic Arrays: Aram Bartholl, Berlin