\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Single-Page-Website für kleine und mittelständische Unternehmen}
\usepackage[
pdftitle={Single-Page-Website für kleine und mittelständische Unternehmen}
pdfsubject={Eine Seite und nicht mehr, aber auch nicht weniger!}
pdfauthor={Udo Schmal}
pdfkeywords={Single-Page, OnePage, Website, Mittelstand, Kleinunternehmen}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Single-Page-Website für kleine und mittelständische Unternehmen
\singlespacing
{\Large \textbf{\label{sec:headline}Single-Page-Website für kleine und mittelständische Unternehmen}}

\singlespacing
{\LARGE \textbf{\label{sec:title}UDOs OnePage und Single-Page-Website im Allgemeinen}}

Eine Singe-Page-Website besteht im Allgemeinen nur aus einer Seite (einem HTML-Dokument) dessen Inhalte dynamisch nachgeladen werden, dieses hat natürlich einige Vorteile in technischer Sicht (Entlastung des Servers usw.) auf die ich an dieser Stelle allerdings nicht eingehen möchte. Vielmehr ist es mir hier ein Anliegen auf die Vorzüge gerade für kleine und mittelständische Unternehmen aufmerksam zu machen.

Gerade in Zeiten wo die Regierung, wie sie es immer so betont \&quot;den Mittelstand müssen wir stärken\&quot;, dieses mal wieder nicht tut und gerade mal wieder in Sachen \&quot;Datenschutzerklärung\&quot; im Regen stehen lässt, besteht Handlungsbedarf, bevor die eine Abmahnung wegen fehlender Datenschutzerklärung droht, aber auch gerade durch den Wandel der Zeit weil in diesem Augenblick vielen erst bewusst wird, dass ihre Website überhaupt nicht mehr den heutigen Bedürfnissen der Besuchern ihrer Internetpräsenz entspricht, möchte ich darauf Aufmerksam machen um was es eigentlich geht.

Eine Website sollte dem Besucher ansprechen, das heißt \textbf{schnell geladen}, ein \textbf{ansprechendes Design} und einen \textbf{übersichtlichen Inhalt} haben, wie bereits Google in Statistiken und nun mit einem \href{https://www.thinkwithgoogle.com/intl/de-de/marketing-strategien/apps-und-mobile/tools-mobile-website-optimieren/}{Online-Tool (testmysite.withgoogle.com)} immer wieder veranschaulicht, führt gerade ein langsames Laden der Website zum Absprung, testen sie doch einmal selbst die \href{https://pagespeed.web.dev/}{Tauglichkeit (developers.google.com/speed/pagespeed/insights)} ihrer Internetpräsenz. In der heutigen Zeit wo immer mehr mobile Endgeräte im Einsatz sind und an Ort und Stelle nach einer Lösung online gesucht werden kann, ist natürlich auch ein optimales Erscheinungsbild auf allen Geräte-Typen erforderlich, was mit einer schlichten und benutzerfreundlichen Handhabung einhergeht. Eine übersichtliche Gliederung der Hauptanliegen der Besucher Ihrer Website solle klar und schnell erreichbar sein.\newline


Alles das ist natürlich auch für andere Arten der Realisierung eines Webauftrittes wichtig, aber auf keinem anderen Weg ist es so einfach und auch wirtschaftlich umzusetzen.\newline
 

\begin{floatingfigure}[r]{0.33\textwidth}
\centering
\includegraphics[width=0.25\textwidth]{/home/udo/webserver/www.gocher.me/www-root/media/Single-Page-Website/desktop.jpg}

Desktop/Tablet Ansicht
\end{floatingfigure}

Machen sie sich eine Liste darüber was Ihre Kunden über sie erfahren müssen und was sie ihnen unbedingt mitteilen wollen, z.B.:\newline


\begin{itemize}
\item Informationen zu ihrer Firma
\item Ihre Produkte, Dienstleistungen oder/und Referenzen
\item Informationen zur Kontaktaufnahme
\item Natürlich auch ein Impressum und die Datenschutzerklärung
\end{itemize}

Eigentlich ist es nicht so viel was für eine Single-Page benötigt wird, zu diesen Informationen noch ein paar Bilder und schon kann die Umsetzung erfolgen. Sicherlich muss der Auftritt noch auf einen Server liegen aber in der Regel reicht der bisherige Webspace dafür vollkommen aus, im Regelfall wird der Server sogar entlastet.

\textbf{\emph{Überprüfen sie Ihre Internetauftritte unbedingt auf ihre Tauglichkeit, denn sie sind schon die Visitenkarten von heute und nicht erst der Zukunft!}}\newline


\begin{floatingfigure}[r]{0.33\textwidth}
\centering
\includegraphics[width=0.25\textwidth]{/home/udo/webserver/www.gocher.me/www-root/media/Single-Page-Website/smartphone.jpg}

Smartphone Ansicht
\end{floatingfigure}

\singlespacing
\textbf{Ein Beispiel für eine Single-Page-Website}

Hier noch ein Beispiel für die Realisierung eines Single-Page-Webauftrittes auf Basis meines OnePage Konzeptes:  \href{http://www.fliesenleger-jansen.de/}{Leo Jansen - Fliesenlegermeister} .

Wenn sie sich dieses Beispiel genauer ansehen und es auch überprüfen werden sie schnell feststellen, dass beide von mir weiter oben aufgeführten Testtool von Google volle Punktzahlen für diesen Auftritt vergeben, aber auch andere Tools wie z.B. \href{https://www.webpagetest.org/}{WebPagetest - Website Performance and Optimization Test} vergeben allerbeste Noten.

Falls Interesse besteht kontaktieren sie mich doch einfach.\newline

\end{document}