Website-Check: Optimieren Sie Ihre Internetseiten

Website-Check: Optimieren
Sie Ihre Internetseiten
Dipl.-Ing. Eric Sturm
Karlsruhe, 13.04.2015
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
Über Eric Sturm
Jahrgang 1971
‣ 1992-1999 Architekturstudium
‣ 2000 Diplom TU Berlin
‣ 2000-2006 Projektmanager und Konzepter
bei Internet-Agenturen und Unternehmen
‣ seit 2007 selbständiger Webdesigner,
Blogger und Fachjournalist
‣ seit 2003 Herausgeber des OnlineMagazins "Internet-fuer-Architekten.de"
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
1. Die richtige Internetadresse
“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.
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
2. Ihre Projekte sprechen
NICHT für sich
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.
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
3. Navigation: "Keine
Experimente!"
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.
‣
Startseite
Leistungen
Projekte
ggf. Detailseite 1,
(z. B. BIM)
Projektliste
Über uns
Team
Kontakt
Kontaktformular
Lageplan, Anfahrt
Projektseite 1
Kunden (+ ggf.
Kundenstimmen)
Projektseite 2
ggf. Partner,
Netzwerk
ggf. Detailseite 2
…
Wenn „Aktuelles“ (= Blog)
umfangreicher wird, kommt
es in die 1. Navigationsebene
Impressum /
Datenschutzerkl.
ggf. Aktuelles (Blog)
Projektseite 3
Meldung 1
Projektseite 4
Meldung 2
Meldung X ...
Marketing- und Service-Elemente auf jeder Seite (Vorschlag):
– Link „Seite versenden“
– Link „Seite drucken“
– Adressdaten inkl. „Digitaler Visitenkarte“ (VCF-Datei)
– „Weiterempfehlen-Buttons“ für Facebook, Twitter, Google+ und XING
– Sprachwechsel-Links zu EN-Version
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
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.
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
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.
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
offen!
geschlossen?
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
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
7. Kontaktdaten auf jeder Seite!
Hauptaufgabe der Website =
Kontaktaufnahme durch Interessenten
‣ Bieten sie verschiedene Möglichkeiten der
Kontaktaufnahme: Adresse, Telefon, EMail, Kontaktformular, Social Media
‣ Platzieren Sie die Kontaktdaten auf jeder
Seite!
‣ Zusätzlich: "Digitale Visitenkarte" mit allen
Daten zum bequemen Download
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
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 ...)
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
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.
‣
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
10. "Gefällt mir!"
Profitieren Sie von der wachsenden
Bedeutung der Sozialen Netzwerke!
‣ Platzieren Sie Buttons für Facebook, Google+,
Twitter, XING, LinkedIn 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!
‣
* Hinweis im Impressum erforderlich
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
11. Von klein bis riesig alles im Blick
Die Nutzung von Smartphones und TabletPCs (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
menüberblick
The
!
!
1. Die richtige Internetadresse
2. Ihre Projekte sprechen NICHT für sich
3. Navigation: “Keine Experimente!”
4. Aktuell oder nicht aktuell? Beides geht
5. Drei bis fünf Projektfotos reichen aus
6. Zeigen Sie sich und Ihre Mitarbeiter
7. 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 Blick
12. Die Erwartungshaltung der Website-Besucher
12. Die Erwartungshaltung der
Website-Besucher berücksichtigen
“Der Köder muss dem Fisch schmecken, nicht
dem Angler” gilt auch für ArchitektenWebsites.
‣ 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 Sturm
Karlsruhe, 13.04.2015
Bildnachweis:
!
– „Grashalme“: Broiler / aboutpixel.de
– Berliner Ladenbüro-Fassaden: Eric Sturm
– Graphic Arrays: Aram Bartholl, Berlin