Begriffe

Erklärungen

HTML5

HTML5 - Hypertext Markup Language in der 5. Fassung, ist eine (Computer-)Sprache im World Wide Web, der Nachfolger von HTML4, der Kernsprache des Webs.
Dieses weiterentwickelte Sprachemodell beinhaltet vordefinierte Ausdrücke der verschiedensten Elemente. Im Gegensatz zu HTML4 besitzt HTML5 einen einheitlichen HTML-Parser (Analysierer), der aus dem Code den logischen Aufbau als Datenstruktur erstellt. Dies führt zu einer einheitlichen Abbildung einer Website in den unterschiedlichen, modernen Browsern wie: Internet Explorer, Firefox, Chrome, Safari, Opera, etc.

CSS 3

CSS - Cascading Style Sheets sind Dateien zur "richtigen" Darstellung (Formatierung) der Elemente von HTML.

CSS3 ist die Weiterentwicklung von CSS2 und eine erweiterte Weiterentwicklung zur vereinheitlichten Darstellung innerhalb moderner Browser.

Domain

Eine Domain ist ein frei wählbarer Name plus Domainendung, sie ist eine Adresse für Websites im Internet.
Die Namensvergabe erfolgt über sogenannte NIC's (Network Information Center). Es gibt verschiedene Endungen, wie: .at, .de, .com, .ws, .biz, .eu, ... Mittlerweile stehen auch für alle möglichen Lebensbereiche, neue Endungen zur Verfügung.

Eine Domain wird über den Provider oder direkt über die jeweilige NIC-Vergabestelle erworben. Die Verbindung zwischen der Domain und des Aufenthaltsort der Website wird über Einträge in Nameservern hergestellt, die aif die IP-Adresse eines Servers verweisen.

Wordpress

Das Content Management System (CMS) - Wordpress ist vor allem ein Weblog (web-log: für Logbuch), in der ein Blogger Sachverhalte bzw. Gedanken postet. Der große Vorteil ist die sehr schnelle Installation und Einrichtung.

Wordpress ist eine kostenlose "Open Source" Webanwendung zur Verwaltung der Inhalte einer Website. Es wird am Server installiert, basiert auf die Scriptsprache PHP und benötigt ein MySQL-Datenbank. Mit Hilfe eines Browsers (Internet Explorer, Chrome, Safari, Firefox, ...) wird eine Wordpress-Site bearbeitet. Wordpress ist suchmaschinenfreundlich. Für das Layout stehen eine Vielzahl von Themes (Vorlagen) zur Verfügung, ebenso gibt es eine rigorose Anzahl von Modulen - Plugins (Anwendungen) für verschiedene Bereiche. Mehrere Personen können je nach Rechtestatus Änderungen an den Inhalten vornehmen.

Wordpress wird ständig weiterentwickelt, ebenso die Themes und Plugins, deshalb sollte Wordpress oft upgedated werden. Vor einem größeres Wordpress-Update sollte unbedingt eine Sicherheitskopie gemacht werden (Zeitaufwand).

Typo3

Das Content Management System (CMS) - Typo3 ist mit seinen tausenden Extensions eines der umfangreichsten dynamischen Website - Systeme. Extensions bzw. Erweiterungsmodule machen Typo3 so variantenreich, egal ob Sie eine automatische Bildershow, ein komplexes Mailformular oder ein Shopsystem in Ihrer Website haben wollen, mit Typo3 liegen sie richtig ...

Vorteile von Typo3:

  • Keine Lizenzkosten Typo3 ist ein kostenloses "Open Source" Content Management System. Das heißt es fallen keine zusätzlichen Kosten für Software oder Lizenzen an.
  • Keine zusätzliche Software Typo3 wird am Serverplatz installiert. Die Bearbeitung der Website erfolgt auf dem Server mit Hilfe des Browsers (Internet Explorer, Firefox,...). Sie brauchen keine zusätzliche Software (z.B. Dreamweaver), um Änderungen an der Website vorzunehmen.
  • Suchmaschinen Optimierung Typo3 ist auf Suchmaschinen ausgelegt. Zusätzlich optimiere ich mit Hilfe von Schlüsselwörtern den Inhalt Ihrer Homepage und sorge dafür, dass Ihre Website im Internet auch gefunden wird.
  • Erweiterbarkeit Typo3 hat die Möglichkeit verschiedenste Module zu integrieren. Diese Erweiterungen (extensions) gibt es für die unterschiedlichsten Bereiche, um bestimmte Funktionalitäten zu erreichen.
  • Barrierefreiheit Verschiedenste Voraussetzungen für die Barrierefreiheit werden in Typo3 geboten. Ebenso ist es wichtig neben der Trennung von Format und Inhalt auf andere Faktoren zu achten. Für öffentliche Institutionen ist Barrierefreiheit sogar verpflichtend vorgeschrieben.
  • Wartung Im Vergleich mit einer herkömmlichen Website ist die Wartungszeit relativ gering. Durch den Aufbau einer Typo3 Homepage können sehr schnell Änderungen oder Erweiterungen vorgenommen werden.
  • Typo3 wird ständig modifiziert - Nachteil: deshalb ist eine Typo3 Version spätestens nach 1,5 - 2 Jahren veraltet, und es sollte ein Update gemacht werden. Ein Typo3 Update ist wesentlich zeitaufwändiger als von Wordpress. Für ein solches Typo3 Update kalkuliere ich mit mindestens 3 Std Arbeit.

Webshop - eCommerce - Online Shop

In einem CMS, wie: Typo3 oder Wordpress ist durch Datenbank und Shopmodul die Einbindung eines Webshops möglich. Varianten sind aber auch: die Einbindung eines externen Shopsystems oder die Schaffung eines einfachen Verkaufsystems in eine herkömmliche Website.

Der Einkauf von Waren und Dienstleistungen mit Hilfe des PC's wird immer interessanter. Das Shopping am Computer gewinnt immer mehr an Beliebtheit.
Gründe dafür, sind:
- man muss nicht mehr ausser Haus gehen,
- man bezahlt via Kreditkarte oder Überweisung
- und hat die Zeit der Welt sich das Passende auszusuchen.

Ein eigener Webshop zeigt ihre Produkte und bietet Ihnen eine zusätzliche Vertriebsschiene. Ihre Kunden werden einen Shop sehr schätzen und durch diese bequeme Einkaufsvariante gewinnen Sie auch Neukunden dazu.

Ich berate Sie gerne über eine mögliche Webshop-Lösung, die auf Ihre Bedürfnisse zugeschnitten ist.

Dazu einige Fragen:
- Welche Produkte?
- Wieviele Produkte?
- Kreditkartensystem?
- Paypal und Co?
- SSL Verbindung?
- Kosten und Nutzenfaktor!

SEO - Suchmaschinen Optimierung

SEO (search engine optimization) - Die Optimierung Ihrer Website für Suchmaschinen, wie: Google, Yahoo, Altavista, ...

Was nützt die beste Website, wenn Sie nicht gefunden wird? Bei der Eingabe eines "bestimmten" Suchbegriffs sollte Ihr Unternehmen unter den ersten Treffern erscheinen!

Die SEO-Planung

Für optimale Ergebnisse in den großen Suchmaschinen muss Klarheit über das Thema der Webseite und die Zielgruppe bestehen. Die "bestimmten" Suchbegriffe (keywords) aufgrund einer Mitbewerberanalyse ist wesentlich, ebenso ist der passende Domainname mitentscheidend für eine effiziente SEO-Planung. Keywords - Keywörter Hier geht es um bestimmte Suchbegriffe die potenziellen Besucher der Webseite in das Eingabefeld der Suchmaschinen eingeben. Erfahrung und Befragung anderer Menschen sind hilfreiche Faktoren zur Findung von Keywörtern. Ob diese Keywörter auch in ausreichender Anzahl in den Suchanfragen von Internetnutzern vorkommen, kann man "Google Insights for Search" nutzen. Die ermittelten Ergebnisse notiert man am besten. Diese Vorgehensweise sollte später für jede Unterseite bzw. Produktgruppe wiederholt werden.

Mitbewerberanalyse

Die ermittelten Keywörter werden bei Google in das Suchfeld eingegeben. Die URL der ersten 10 Ergebnisse werden wieder notiert. Eine suchmaschinenoptimierten Webseite hat zum Ziel unter die Top 10 zu kommen. Die Anzahl und Qualität der Backlinks der Mitbewerber, das Alter der Domain und die Aktualität der Webseite der Konkurenten sind die Hauptfaktoren für ein Topranking. Bei Abgleich mit der eigenen Website stehen die Haupkeywörter nun fest. Die Mitbewerberanalyse ist für jede wichtige Unterseite oder Produktkategorie zu wiederholen. Die Keywörter oder Suchphrasen stehen nun fest, auf welche die Webseite optimiert wird. Die Gesamtanalyse für ein grösseres Projekt kann 50, 100 oder mehr Arbeitsstunden betragen. Die Arbeit eines SEO-Spezialisten ist deshalb relativ teuer.

Der Domainname

Das Hauptkeywort sollte der Domainname bzw. im Domainnamen enthalten sein. Für eine Firma bzw. Internetshop ist das Hauptkeywort im Domainnamen ein nicht zu unterschätzender Vorteil. Bei einer deutschsprachigen Webseite empfiehlt es sich, bei Denic entsprechend zu recherchieren. Die gewünschte Keywort-Domain ist meist schon vergeben, jedoch können zwei Keywörter mit Bindestrich oder Keywort mit eigenen Namen kombiniert werden.

Thema der Webseite, die Hauptkeywörter und der Domainname stehen nun fest. Nun geht es um die Umsetzung des ganzen im Webdesign.

Weitere Schritte zur Suchmaschinenoptimierung

Um eine optimiertes Webdesign zu bekommen gilt es auf die sogenannten "on page" Faktoren zu achten, das sind Elemente, die sich auf Ihrer Seite befinden, und die man beeinflussen kann. Beispiele: korrekter Sourcecode der Seite, richtige Verwendung von Überschriften, Absätzen, Schlüsselwörtern, Verlinkungen mit anderen Websites, usw.

Daneben gibt es "off page" Faktoren, Elemente, die sich auf anderen Webseiten befinden und mit Ihrer Seite zusammenhängen, z.B.: Verlinkungen.

All diese vielen Faktoren sind bei der optimalen Umsetzung Ihrer Webseite zu beachten. Eine SEO-Optimierung kann je nach Wunsch mehr oder weniger stark eingesetzt werden. Meist wird aufgrund eines niedrigen Budgets mit schnellen, einfachen Mitteln gearbeitet. Doch auch diese führen meist zu guten (Such-) Ergebnissen.

javascript

Javascript wird meist als Skriptsprache für Spiele und Anwendungsprogramme bezeichnet. Der Sprachkern enthält nur wenige Objekte, dadurch ist der Interpreter zur Ausführung relativ klein.

Weitere Anwendungen sind, z.B.: das Senden und Empfangen von Daten, ohne dass der Browser die Seite neu laden muss (Ajax), Verschleierung von E-Mail-Adressen zur Bekämpfung von Spam, Laufschriften, etc.

In den meisten Webbrosern lässt sich javascript deaktivieren, weswegen dieser Aspekt bei der Erstellung von Webseiten berücksichtigt werden sollte.

Single-Page-Application (SPA) - One Page Website

Eine Single Page Webanwendung ist ein einzelnes HTML-Dokument.
Im Gegensatz zu klassischen, untereinander verlinkten HTML-Seiten werden bei einer SPA die Inhalte der Seite dynamisch nachgeladen. Der große Vorteil ist die schnelle Ladezeit bzw. Menülinks sind Ankerpunkte (Sprungziele) auf der Einzelseite - es muß keine neue Seite aufgebaut werden.

Diese vereinfachte Websiteform mit kurzem Ladevorgang wird meist für kleine Webauftritte verwendet - bekannte SPA ist das Framework "Bootstrap".

Slideshow

Eine Slideshow in einer Website ist eine Vorführung mehrerer digitaler Fotos mit Hilfe eines Programms bzw. Befehle.

Meist ist dieses Programm eine Javascript Anwendung, welche die Bilder durch ein Script steuert und eventuell auch spezielle Bildübergänge (Effekte) generiert.
Slideshows sind optische Hingucker und erzielen durch ihre Effekte Aufmerksamkeit.

Webbrowser

Browser sind spezielle Computerprogramme zur Darstellung von Webseiten im Internet. Neben HTML-Seiten können Browser auch andere Dokumente, wie: Bilder, Pdf-Dokumente anzeigen.

Bekannte Webbrowser: Internet Explorer, Mozilla Firefox, Opera, Safari, Google Chrome, Microsoft Edge, Vivaldi, ...

Hosting - Provider

Hosting ist der Betrieb von Softwareprogrammen- oder Internetdiensten (Internet hosting).

Der Hosting-Provider stellt seinen Kunden im Internet eine Infrastruktur zur Verfügung, die mit Hilfe von Servern und spezieller Software es ermöglicht: Domainverwaltung, Websites zu speichern und zu steuern, einen eMail Verkehr einzurichten, etc. Eine eigene Benutzeroberfläche gibt dem Kunden die Möglichkeit seinen Internetauftritt zu verwalten.

Fotografie

Für einen Internetauftritt sind Fotos unentbehrlich. Egal ob zur Erklärung, als Portrait oder als optischer Blickfang, die Fotografie unterstreicht jedweden Text und liefert dem Betrachter einen zusätzlichen Eindruck von Ihnen und/oder Firma.

Fotos sollten gut ausgesucht und gut bearbeitet sein, d.h. fast jedes Foto braucht eine Retuschierung.

Ich biete Ihnen an:
- Portraitfotos
- Produktfotos
- Aufnahmen ihrer Firma
- Umarbeitungen, Retuschierungen, eigenes Fotomaterial

Oft ist auch für Fotos zu wenig Zeit und man greift zu Fotos aus dem eigenen Archiv (analog oder digital) oder lizenzfreien Fotografien. Ich helfe Ihnen gerne das Passende zusammenzustellen. Zur optischen Unterstützung sind meist freigestellte oder zusammengesetzte Motive erforderlich. Diese Bildbearbeitungen werden ebenfalls von mir gemacht.

Nicht jedes Foto ist brauchbar! Durch das Retuschieren kann man zwar aus einem Foto viel herausholen, doch manchesmal macht auch das keinen Sinn (z.B. bei einem unscharfen Bild)!



FARBEN - Bedeutung

WEISS: Ehrlichkeit, Klugheit, Neues, Sachlichkeit
GELB: Fantasie, Freude, Kreativität, Optimismus
ROSA: Unschuld, Verspieltheit, Zärtlichkeit
ROT: Attraktivität, Energie, Dynamik, Leidenschaft
VIOLETT: Luxus, Macht, Spiritualität, Wohlstand
BLAU: Harmonie, Leistung, Treue, Vertrauen
GRÜN: Frische, Hoffnung, Natürlichkeit, Sicherheit
ORANGE: Freude, Geselligkeit, Wärme, Zufriedenheit
BRAUN: Bodenständigkeit, Fruchtbarkeit, Reife
SILBER, GRAU: Schnelligkeit, Neutralität
SCHWARZ: Autorität, Eleganz, Funktional, Seriosität

Grafik

Neben Texten und Bildern ist die grafische Aufbereitung ihres Webauftrittes besonders wichtig.

Ein besonderer Schwerpunkt ist dabei die Logoerstellung. Unterstützende Grafiken in Bannern, Animationen, Buttons und Hintergrundbildern sind weiter Bereiche in denen grafische Elemente eine grosse Bedeutung haben.
Für das Gesamtlayout sind Grafiken unverzichtbar, sie unterstützen den optischen Eindruck ihres Webauftritts und sind wichtig für ihr Corporate Identity.

Firmendesign:
Corporate Identity - für den professionellen Webauftritt unentbehrlich. Haben Sie bereits ein Logo oder ein spezielles Firmendesign? KÖNIG webdesign gibt Ihrer Firma ein neues Aussehen!

Flash

Flash Animationen sind bewegte Bilder, die Leben in das statische Abbild einer Website bringen. Ich selber bin kein Flash-Spezialist, jedoch entwickle ich auf Wunsch kleine Flashfilme für die Website. Wenn Sie diesbezüglich Wünsche haben finden wir eine passende Lösung.

Als Alternative für eine einfache Flashanimation gibt es das animierte GIF - eine Bilddatei mit mehreren Frames. Auch hier hat man den Effekt des bewegten Bildes. Animierte GIF's sind meist schneller herzustellen und brauchen keine zusätzliche Abspielvorrichtung (flashplayer).

FLASHWEBSITES:
Reine Flashwebsiten sind bis heute umstritten, neben der tollen Optik stehen: hohe Kosten für Webdesign und Wartung, lange Ladezeiten und viele technische Unzulänglichkeiten. Für eine komplette Website mit Flash, beauftragen Sie bitte einen Flash-Spezialisten.

Sitemap

Eine Site-Map oder auch Seitenübersicht ist eine strukturierte, meist verlinkte Darstellung der einzelnen Webseiten einer Website. Sie gibt den Besuchern einer Homepage die Möglichkeit, aufgrund der Übersichtlichkeit, den Umfang zu erkennen und Unterseiten scheller anzusteuern (Verlinkungen).

Für Suchmaschinen (Google) zur Indexierung (Erfassung) eines Webauftritts sollte eine XML-Sitemap erstellt werden. XML-Sitemaps sind für Webbesucher nicht unbedingt geeignet, d.h. bei einem umfangreichen Webauftritt sollte eine zusätzliche herkömmliche Sitemap bereitgestellt werden.