# F/X Web Consulting | Internetagentur München Knowledge Base ## Jahresrückblick und Weihnachtsgrüße 2025 URL: https://www.muenchen-webdesign.de/2025/12/21/jahresrueckblick-und-weihnachtsgruesse-2025/ [](https://www.fx-web.de" target="_blank)Weihnachtsgrüße von F/X Web Consulting Jahresrückblick 2025 Neue regionale Website-Projekte Einen Überblick über unsere 2025 und in den vorherigen Jahren fertiggestellten Webseiten finden Sie natürlich wie immer auf unserer Website unter [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen" target="_blank" rel="noreferrer noopener). Hier unsere beiden Highlights in 2025: Jenseitskontakte München | Claudia Hopf Im Juli 2025 kontaktierte uns Frau Hopf aufgrund einer Empfehlung eines früheren Kunden von uns. Sie hatte sich mit einem Gewerbe für Jenseitskontakte und Trauerbegleitung selbständig gemacht und benötigte nun eine kleine aber dennoch ansprechende Website. Nach unserem [Beratungsgespräch](https://www.fx-web.de/internet-beratung" target="_blank" rel="noreferrer noopener) begannen wir im August mit der Erstellung des Designs, und als wir alle Inhalte erhalten und integriert hatten, stellten wir die Website Anfang Dezember live: [](https://jenseitskontakte-muenchen.de/" target="_blank" rel=" noreferrer noopener)Die Website von Jenseitskontakte München | Claudia Hopf Frau Hopf ist begeistert von ihrer Website, und erhielt auch aus ihrem Umfeld sehr positives Feedback. Zudem sind in den letzten beiden Wochen bereits die ersten Anfragen über das Kontaktformular eingegangen, so dass sich der Erfolg mit ihrer eigenen Website nun bereits einstellt, was uns natürlich ebenfalls freut. Die Zusammenarbeit mit Frau Hopf war sehr kreativ und sympathisch, das hat uns die Arbeit sehr erleichert. Daher auch an dieser Stelle ein herzliches Dankeschön dafür! AeroTecRacing | Racing-Parts for Performance Die folgende Website – genauer gesagt der Online-Shop – ist ein gutes Beispiel dafür, dass sich unsere gute Arbeit, unser regionaler Fokus sowie die langfristige Kundenbindung auszahlen: denn der Auftraggeber, die [KFZ Technik Driefer GmbH](https://www.kfz-driefer.de/" target="_blank" rel="noreferrer noopener) in München-Feldmoching, beauftragte uns bereits 2017 mit der Erstellung einer Website für den Kfz-Meisterbetrieb, die wir auch in den Folgejahren immer wieder mal aktualisieren mussten. Da Herr Driefer mit unserer Dienstleistung immer sehr zufrieden war, folgte nun die Beauftragung eines Online-Shops für individuelle Carbon- und Motorsportartikel. Das Shop-System basiert auf IONOS MyWebsite Now Shop Plus, mit dem wir bislang noch keine Erfahrung hatten. In Anbetracht des Umstands, dass die Designmöglichkeiten mit diesem System – im Vergleich zu den sonst von uns genutzten CMS-Systemen – relativ eingeschränkt sind, sind wir mit dem Ergebnis sehr zufrieden: [](https://www.aerotecracing.com/" target="_blank" rel=" noreferrer noopener)Der Online-Shop von AeroTecRacing Bei Online-Shops müssen immer eine ganze Menge an Einstellungen vorgenommen und rechtliche Vorgaben eingehalten werden. In der engen Zusammenarbeit mit Herrn Driefer konnten wir diese Hürde jedoch sehr gut meistern. Auch hier hat die Erstellung viel Freude bereitet und wir wünschen [AeroTecRacing](https://www.aerotecracing.com/" target="_blank" rel="noreferrer noopener) viel Erfolg! Aktualisierung Datenschutzerklärung & Impressum Aufgrund der Tatsache, dass sich nach unserem letzten Newsletter-Aufruf im September 2025 ([F/X News 2025-01 | Wichtig: Impressum-Aktualisierung!](https://www.muenchen-webdesign.de/2025/09/04/f-x-news-2025-01-wichtig-impressum-aktualisierung/" target="_blank" rel="noreferrer noopener)) nur sehr wenige Kunden bei uns gemeldet haben, wiederholen wir diesen Hinweis nochmals im Rahmen dieses Weihnachtsgrußes. **Sie sollten sich bitte einfach bewusst sein, dass veraltete und/oder inkorrekte Angaben im Impressum oder der Datenschutzerklärung rechtliche Konsequenzen haben können** – in der Regel in Form einer Unterlassungserklärung durch mehr oder weniger seriöse Anwaltskanzleien. Wir weisen nicht aus Eigennutz daraufhin, sondern um Ihnen ein solch unangenehmes Erlebnis zu ersparen – und sehen dies darüber hinaus auch als Service am Kunden an, gemäß unserem Slogan: **_„Wir nehmen Ihre Website persönlich!“_** **Wir empfehlen Ihnen**, dass Sie das Impressum und ganz besonders die Datenschutzerklärung auf Ihrer Website **mindestens einmal jährlich** von uns überprüfen und bei Bedarf auch aktualisieren zu lassen. Rufen Sie uns dazu ab dem 7. Januar 2025 einfach an oder [senden Sie uns eine E-Mail](mailto:franz.kohl@fx-web.de" target="_blank" rel="noreferrer noopener) und wir kümmern uns darum! Betriebsurlaub Auch wir benötigen wie jedes Jahr mal eine Pause und haben daher **vom 22. Dezember 2025 bis einschließlich 6. Januar 2026 geschlossen**. Danach geht es wieder mit neu aufgeladenem Akku frisch erholt und mit Freude an der kreativen Arbeit weiter. Weihnachten – Zeit für Besinnung **DANKE!** Das ist das Erste und Wichtigste, was uns beim Rückblick auf 2025 in den Sinn kommt. Ein von Herzen kommendes Dankeschön an alle unsere Kunden und Partner, sowohl die langjährigen als auch die neu hinzugekommenen – mit denen wir gewachsen sind und weiter wachsen werden. Nun ist für viele von uns endlich Zeit um etwas innezuhalten, durchzuatmen und zur Ruhe zu kommen. Zeit für Besinnung. **Wir wünschen unseren Kunden und Partnern ruhige und besinnliche Weihnachten, angenehme Feiertage und einen guten Start ins Jahr 2026!** Herzlichst Ihr Franz X. Kohl Franz X. Kohl F/X Web Consulting --- ## F/X News 2025-01 | Wichtig: Impressum-Aktualisierung! URL: https://www.muenchen-webdesign.de/2025/09/04/f-x-news-2025-01-wichtig-impressum-aktualisierung/ Abmahnfalle: EU stellt Streitbeilegungsplattform ein Was zunächst wie eine Erleichterung im EU-Vorschriftendschungel klingt, kann unangenehme Folgen für Shop-Betreiber haben. Wer den Hinweis auf die OS-Plattform nicht entfernt, könnte in die Falle von Abmahnern geraten. Betreiber von Websites und Onlineshops haben es schwer, in einer Fülle von Gesetzen, Verordnungen und Vorschriften den Überblick zu behalten. Schnell gerät man nicht nur ins Visier von Behörden und Gesetzeshütern, sondern auch von Abmahnern, die ein Geschäftsmodell daraus gemacht haben, vermeintlichen Mitbewerbern das Geld aus der Tasche zu ziehen. Mit der **Einstellung der EU-Online-Streitbeilegungsplattform (OS-Plattform) zum 20. Juli 2025** ergibt sich eine neue Angriffsfläche für diese Abmahner. Seit 2016 war jeder Onlineshop dazu verpflichtet, einen „leicht zugänglichen“ Link zu dieser Plattform auf den Webseiten zu veröffentlichen. In der Regel findet sich der Hinweis im Impressum oder in den Allgemeinen Geschäftsbedingungen (AGB). Allerdings wurde die Streitbeilegungsplattform kaum genutzt. Es sollen EU-weit pro Jahr nur etwas 200 Fälle gewesen sein. Auch das war ein gefundenes Fressen für Abmahner, die beim Fehlen des Hinweises tätig werden konnten. Mit der Einstellung der Plattform ist dieser Hinweis aber obsolet. **Nun kann der Spieß aber umgedreht werden:** Wer den Link weiterhin auf seinen Webseiten integriert hat, läuft nun Gefahr, dass dies als Täuschung von Verbrauchern aufgefasst werden könnte, denn die OS-Plattform gibt es ja nicht mehr. Allgemeine Handlungsempfehlung Anwälte und Verbände raten daher, den Hinweis auf die OS-Plattform umgehend zu entfernen. „_Es könnte als irreführend angesehen werden, Verbraucher auf eine Streitbeilegungsmöglichkeit hinzuweisen, die es gar nicht mehr gibt_“, [schreibt beispielsweise die Industrie- und Handelskammer Dresden](https://www.ihk.de/dresden/servicenavigation/presse-publikationen/meldungen/eu-plattform-einstellung-2025-6489474" target="_blank" rel="noreferrer noopener). Die IHK stellt aber auch klar, dass der Hinweis auf das deutsche Verbraucherstreitbeilegungsgesetz VSBG erhalten bleibt. Nach § 36 VSBG ist man verpflichtet auf der Webseite und in den AGB zu erklären, ob man bereit bzw. verpflichtet ist, an alternativer Streitbeilegung teilzunehmen und wenn das zutrifft, auf die zuständige Verbraucherschlichtungsstelle hinzuweisen. Handlungsempfehlung und Angebot F/X Web Consulting Als [eRecht24-Premium-Partner](https://www.fx-web.de/erecht24-agency" target="_blank" rel="noreferrer noopener) nutzt F/X Web Consulting bereits von Beginn an das rechtliche Know-How und die bewährten Praxistools von eRecht24 sowohl für unsere eigenen Webseiten als auch für die Websites unserer Kunden. Somit sollten alle unsere Kunden, welche von uns ab ca. 2016 eine Website erstellt bekamen, in etwa folgenden Passus im Impressum ihrer Website finden: **EU-Streitschlichtung** Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: [https://ec.europa.eu/consumers/odr/](https://ec.europa.eu/consumers/odr/" target="_blank" rel="noreferrer noopener sponsored nofollow). Unsere E-Mail-Adresse finden Sie oben im Impressum. **Diesen Passus sollten Sie bitte vollständig entfernen bzw. von uns entfernen lassen!** Den folgenden Abschnitt sollten Sie in der Regel ebenfalls in Ihrem von uns erstellten Impressum finden: **Verbraucher­streit­beilegung / Universal­schlichtungs­stelle** Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. **Diesen Abschnitt bitte nicht entfernen!** Sofern Sie die von uns empfohlene Aktualisierung des Impressum nicht selbst vornehmen können oder möchten und/oder eine – von uns ebenfalls sehr empfohlene – **Aktualisierung des Impressum und der Datenschutzerklärung** auf Ihrer Website oder Ihrem Online-Shop durchführen lassen möchten, **finden Sie hierzu weiter unten mehr Informationen und ein faires Festpreisangebot**. Festpreis-Angebot bis 31.10.2025: Aktualisierung Impressum & Datenschutzerklärung Jedes Jahr ändern sich im Bereich des Datenschutzes viele Regelungen und Links (z.B. zu den Datenschutzbestimmungen diverser Anbieter wie Google, Facebook & Co.). Aber gelegentlich ist auch eine Aktualisierung der Angaben im Impressum Ihrer Website nötig, wie Sie weiter oben ja erfahren haben. Ein Beispiel dafür: Das Telemediengesetz (TMG) wurde mittlerweile umbenannt. Seit Mitte Mai 2024 muss dies im Impressum einer Website umgesetzt werden. Somit ist ein Hinweis im Impressum auf das TMG mittlerweile eher schädlich. Es empfiehlt sich daher auf Ihren Impressums-Seiten den Hinweis „Angaben gemäß § 5 TMG“ (falls vorhanden) vollständig und ersatzlos zu streichen. Allerdings gibt es auch in der Datenschutzerklärung noch Hinweise auf das TMG, weshalb diese von uns über den eRecht24-Generator vollständig neu erstellt und aktualisiert werden sollte um auch in der Datenschutzerklärung die neuesten und rechtlich sicheren Formulierungen zu nutzen. Wir empfehlen Ihnen, dass Sie das Impressum und ganz besonders die Datenschutzerklärung auf Ihrer Website mindestens einmal jährlich von uns überprüfen und bei Bedarf auch aktualisieren zu lassen. Wir bieten Ihnen **bis einschließlich 31. Oktober 2025** die Aktualisierung von Impressum und Datenschutzerklärung **zum Festpreis von 49,- EUR** (zzgl. ges. MwSt.) pro Website / Online-Shop an. [Senden Sie uns für die Beauftragung einfach eine E-Mail](mailto:franz.kohl@fx-web.de?subject=Aktualisierung Impressum und Datenschutzerklärung" target="_blank" rel="noreferrer noopener nofollow) mit dem Betreff „Aktualisierung Impressum und Datenschutzerklärung“ und geben Sie im Nachrichtentext die Website(s) an, für welche die Aktualisierung beauftragt wird. **Hinweis**: Kunden, welche einen Servicevertrag mit uns abgeschlossen haben, sollten uns ebenfalls per E-Mail beauftragen. Sie erhalten von uns jedoch keine separate Rechnung, die Abrechnung erfolgt wie bei allen sonstigen Aufträgen auch über die Servicepauschale. **Wir kümmern uns dann zeitnah um die entsprechende Aktualisierung und benachrichtigen Sie natürlich sobald diese abgeschlossen ist.** --- ## Jahresrückblick, Datenschutz und Weihnachtsgrüße 2024 URL: https://www.muenchen-webdesign.de/2024/12/23/jahresrueckblick-datenschutz-und-weihnachtsgruesse-2024/ [](https://www.fx-web.de" target="_blank)Weihnachtsgrüße von F/X Web Consulting Jahresrückblick 2024 Neue regionale Website-Projekte Einen Überblick über unsere 2024 fertiggestellten Webseiten finden Sie natürlich wie immer auf unserer Website unter [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen" target="_blank). Hier unsere beiden Highlights: P.S.I. Speditions GmbH Anfang 2024 konnten wir eines der größten Website-Projekte unserer Unternehmenshistorie abschließen – den Relaunch der Website der [P.S.I. Speditions GmbH](https://www.psi-spedition.de/" target="_blank) in Oberschleißheim: Die neue Website der P.S.I. Speditions GmbH Die vorherige Website musste aufgrund technischer Probleme völlig neu erstellt werden. Und da es sich hierbei um eine zweisprachige Website (deutsch & englisch) handelt, war der Aufwand entsprechend groß. Aber es hat sich gelohnt, denn das Design ist nun großzügiger und moderner geworden und wir konnten auch einige stilistische Elemente in Form von Piktogrammen integrieren. Das großartige Feedback des P.S.I.-Teams bei der Projektübergabe hat uns sehr gefreut! Starke Kinder München Etwas später im Jahr 2024 hatten wir nach längerer Pause endlich wieder die Gelegenheit eine Website im Themenbereich Kinder zu erstellen. [Starke Kinder München](https://starke-kinder-muenchen.de/" target="_blank) ist ein Herzensprojekt von Tina Moser aus dem Münchner Norden: [](https://starke-kinder-muenchen.de/" target="_blank)Die Website von Starke Kinder München Auch hier hat uns die Erstellung viel Spaß gemacht und das Feedback unserer Kundin sehr gefreut! Aktualisierung Ihrer Datenschutzerklärung und Impressum Jedes Jahr ändern sich im Bereich des Datenschutzes viele Regelungen und Links (z.B. zu den Datenschutzbestimmungen diverser Anbieter wie Google, Facebook & Co.). Aber gelegentlich ist auch eine Aktualisierung der Angaben im Impressum Ihrer Website nötig. **Ein Beispiel dafür:** Das Telemediengesetz (TMG) wurde mittlerweile umbenannt. Seit Mitte Mai 2024 muss dies im Impressum einer Website umgesetzt werden. Somit ist ein Hinweis im Impressum auf das TMG mittlerweile eher schädlich. Es empfiehlt sich daher auf Ihren Impressums-Seiten den Hinweis „Angaben gemäß § 5 TMG“ (falls vorhanden) vollständig und ersatzlos zu streichen. Mehr Informationen dazu finden Sie unter [Das solltest du im Impressum deiner Website ändern](https://www.vgsd.de/gefahr-von-abmahnungen-das-solltest-du-jetzt-in-deinem-impressum-aendern/" target="_blank" rel="noreferrer noopener nofollow). **Wir empfehlen Ihnen**, dass Sie das Impressum und ganz besonders die Datenschutzerklärung auf Ihrer Website **mindestens einmal jährlich** von uns überprüfen und bei Bedarf auch aktualisieren zu lassen. Rufen Sie uns dazu ab dem 7. Januar 2025 einfach an oder [senden Sie uns eine E-Mail](mailto:anfrage@fx-web.de" target="_blank" rel="noreferrer noopener) und wir kümmern uns darum! Betriebsurlaub Auch wir benötigen mal eine Pause und haben daher vom 23. Dezember 2024 bis einschließlich 6. Januar 2025 geschlossen. Danach geht es wie immer frisch erholt und mit viel Freude an der Arbeit weiter. Weihnachtsgrüße 2024 Das Jahr 2024 geht zu Ende – erneut ein Jahr mit vielen Belastungen für unsere Gesellschaft. Gerade in solch schwierigen Zeiten schätzen wir all unsere Kunden und Partner, mit denen wir in den vergangenen Jahren gewachsen sind, und die uns über all die Jahre die Treue gehalten haben. **Dafür möchte ich mich bei Ihnen an dieser Stelle ganz persönlich herzlichst bedanken!** Nun ist für viele Menschen endlich Zeit um etwas innezuhalten, sich zu besinnen und zur Ruhe zu kommen. **Wir wünschen unseren Kunden und Partnern ruhige und besinnliche Weihnachten, angenehme Feiertage und einen guten Start ins Jahr 2025!** Herzlichst Ihr Franz X. Kohl Franz X. Kohl F/X Web Consulting --- ## Relaunch: Memeti Gartenbau GmbH URL: https://www.muenchen-webdesign.de/2023/12/22/relaunch-memeti-gartenbau-gmbh/ Kundenreferenz aus der Handwerksbranche Gartenbau & Landschaftsbau Zum Jahresende 2023 freuen wir uns, euch eine Kundenreferenz aus der Branche Gartenbau & Landschaftsbau präsentieren zu dürfen. Der Kunde und die Vorgeschichte Wir kennen Herrn Memeti schon seit etwa 2011 als Kunde. So kamen wir auch irgendwann Anfang 2014 ins Gespräch betreffend einer professionellen Website für sein Unternehmen, welches damals noch einfach unter Gartenbau Memeti firmierte. Es gab zwar bereits eine Website, welche ein Bekannter von Herrn Memeti mal „so nebenbei“ erstellt hatte, diese befand sich jedoch in einem unfertigen und völlig unprofessionellen Zustand. Zudem hatte Herr Memeti keinen Zugriff auf die Inhalte und konnte somit auch keine inhaltlichen Korrekturen vornehmen. Erschwerend kam hinzu, dass dieser Bekannte sich weigerte, die Rechte an der Domain gartenbaumemeti.de an Herrn Memeti zu übertragen. Das ursprüngliche Projekt Als Herr Memeti uns dann Anfang 2014 beauftragte mussten wir aus oben genannten Gründen mit einer neuen Domain beginnen – [gartenbaumemeti.info](https://www.gartenbaumemeti.info/" target="_blank" rel="noreferrer noopener). Die Website wurde dann von uns bereits zu diesem Zeitpunkt im Responsive Webdesign erstellt. Das war zu diesem Zeitpunkt mit dem verwendeten Worldsoft-CMS jedoch noch eine echte Herausforderung, da die Worldsoft AG die dringend für einfacheres und Standard-konformes Responsive Design benötigten Elemente (auf Basis des Bootstrap-Framework) erst in der zweiten Jahreshälfte 2014 im Worldsoft-CMS einführte. Die Website von Gartenbau Memeti vor dem Relaunch Hier nun ein Screenshot der Homepage von Gartenbau Memeti nach der Fertigstellung im Juni 2014: Die Website von Gartenbau Memeti zum Zeitpunkt der ersten Fertigstellung im Juni 2014 Das Relaunch-Projekt Im Frühjahr 2023 wandte sich der mittlerweile erwachsene Sohn von Herrn Memeti an uns mit dem Ziel, die Website optisch zu optimieren und auf den neuesten Stand der Technik zu bringen. Dank der zwischenzeitlich ja von der Worldsoft AG für Responsive Design optimierten Version des Worldsoft-CMS war dies auch nicht mehr mit der 2014 noch notwendigen Handarbeit und den damaligen Modifikationen „unter der Motorhaube“ des CMS verbunden. Gleichzeitig wurde ab Sommer 2023 die Unternehmensumstellung von Gartenbau Memeti zu einer GmbH vorangetrieben, so dass die neue Website nun bereits diese Umstellung zur [Memeti Gartenbau GmbH](https://www.gartenbaumemeti.info/" target="_blank" rel="noreferrer noopener) reflektiert. Es wurden zahlreiche neue Bilder aus dem Alltag des Unternehmens sowie von Referenzprojekten zur Verfügung gestellt. Auch der Leistungskatalog wurde überarbeitet, und zudem gibt es nun eine neue Seite für Stellenangebote. Des Weiteren wurde eine State-of-the-art Cookie-Consent-Lösung integriert. Die neue Website von Memeti Gartenbau GmbH Hier nun ein Screenshot der neuen Website von [Memeti Gartenbau GmbH](https://www.gartenbaumemeti.info/" target="_blank" rel="noreferrer noopener) nach der Fertigstellung im Dezember 2023: Die Website der Memeti Gartenbau GmbH nach dem Relaunch im Dezember 2023 Fazit: Die Zusammenarbeit mit Herrn Memeti’s Sohn war sehr konstruktiv, und wir bedanken uns an dieser Stelle für das erneute Vertrauen in die Dienstleistung von [F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noreferrer noopener). Nun freuen wir uns auf entspannte Urlaubstage über Weihnachten und Neujahr, und greifen dann im neuen Jahr wieder voll an. --- ## Weihnachtsgrüße 2022 URL: https://www.muenchen-webdesign.de/2022/12/24/weihnachtsgruesse-2022/ Weihnachtsgrüße von F/X Web Consulting Das Jahr 2022 geht zu Ende – leider auch erneut ein Jahr mit vielen Belastungen und Besonderheiten, welche vielen Menschen Sorgen bereiten. Es war aber auch ein Jahr, in dem uns allen bewusst wurde, wie zerbrechlich unser über die Jahre erarbeiteter und wie selbstverständlich eingeschätzter Wohlstand sein kann. Erneut wurde aber auch deutlich, wie wichtig die Nähe zu unseren Mitmenschen und persönliche Kontakte zu unserem Umfeld sind – und wie wenig selbstverständlich unsere lieb gewonnenen Freiheiten sind. Gerade in solch schwierigen Zeiten schätzen wir all unsere Kunden und Partner, mit denen wir in den vergangenen Jahren gewachsen sind und die uns über all die Jahre die Treue gehalten haben. **Dafür möchte ich mich bei Ihnen an dieser Stelle ganz persönlich herzlichst bedanken!** Nun ist für viele Menschen endlich Zeit um etwas innezuhalten, sich zu besinnen und zur Ruhe zu kommen. Auch unser Unternehmen F/X Web Consulting blieb nicht von den aktuell schwierigen Bedingungen verschont. Die Akquise von Neukunden und neuen Projekten ist bedingt durch die Existenzsorgen in vielen Branchen schwer bis unmöglich geworden, so dass sich unser Geschäft dieses Jahr neben den beiden fertiggestellten Website-Projekten vor allem auf die Wartung und Modernisierung bestehender Projekte stützte. Ich bin jedoch optimistisch, dass es im nächsten Jahr wieder bergauf geht – für uns alle! Neue regionale Website-Projekte Den Überblick über unsere 2022 fertiggestellten Webseiten finden Sie natürlich wie immer auf unserer Website unter [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen" target="_blank" rel="noopener). Im Frühjahr 2022 konnten wir ein [Website-Projekt für ein Sachverständigen-Büro](https://www.muenchen-webdesign.de/2022/03/28/neue-kundenreferenz-sachverstaendigen-buero-guenther-wagner/) fertigstellen, und Mitte Dezember eine Website für eine Hebamme. Sachverständigen-Büro Günther Wagner [](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-03-24-gutachter-muenchen.biz-copyright.jpg)Screenshot der Website des Sachverständigen-Büro Günther Wagner Hebamme Susanne Böhm [](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-12-17-hebamme-boehm.de-copyright.jpg)Screenshot der Website von Hebamme Susanne Böhm Sie sehen, wir decken weiterhin die unterschiedlichsten Branchen ab und sind schon neugierig, was uns das Jahr 2023 wohl an neuen Projekten oder Branchen beschert. Wir haben auch neue [Kundenfeedbacks](https://www.fx-web.de/kundenfeedbacks" target="_blank" rel="noopener) erhalten, die uns sehr gefreut haben – sind diese doch eine Bestätigung für unsere Arbeit, die wir im Rahmen der mit Leidenschaft und Liebe zum Detail umgesetzten Projekte geleistet haben. Betriebsurlaub Auch wir benötigen mal eine Pause und haben daher vom 24. Dezember 2022 bis einschließlich 8. Januar 2023 geschlossen. Danach geht es wie immer frisch erholt und mit viel Freude und Begeisterung an der Arbeit weiter. Weihnachtsgrüße Ich hoffe, Sie finden über die kommenden Feiertage Zeit zum „Durchatmen“, „Herunterkommen“ und einfach „die Seele baumeln lassen“ – sei es im Kreis der Familie, mit Freunden, oder auch einfach für sich selbst. **Ich wünsche Ihnen und all Ihren Lieben ein Frohes Weihnachtsfest, ruhige und besinnliche Feiertage, sowie ein gutes und erfolgreiches neues Jahr 2023!** Mit herzlichen & weihnachtlichen Grüßen Franz X. Kohl F/X Web Consulting --- ## Formular-Spam und unerwünschte Nachrichten vermeiden URL: https://www.muenchen-webdesign.de/2022/11/22/formular-spam-und-unerwuenschte-nachrichten-vermeiden/ ## Auslöser: Formular-Spam und unerwünschte Nachrichten Leiden Sie auch unter Formular-Spam? Betreiben Sie eine Website mit einem oder mehreren Formularen, z.B. einem Kontaktformular und einem Formular für die Registrierung für Ihren Newsletter? Erhalten Sie, wenn sich darüber jemand mit Ihnen in Verbindung setzt bzw. sich für Ihren Newsletter registriert eine Benachrichtigung per E-Mail und wird für den Vorgang automatisch ein Eintrag in Ihrem CRM-System erstellt? Dann kennen Sie sehr wahrscheinlich auch die Thematik, dass Sie darüber – je nach Bekanntheit und Beliebtheit Ihrer Webseite – zahlreiche unerwünschte und sinnlose Nachrichten und Einträge im CRM erhalten. In unserem Fall sind dies beispielsweise meist Nachrichten aus allen Ländern der Welt mit Kooperationsangeboten für Website-Erstellung und -Programmierung, die bei uns in der Regel von Unternehmen aus Indien und USA stammen. Da wir unsere Dienstleistungen aus verschiedenen Gründen jedoch ausschließlich im deutschsprachigen Raum – primär Deutschland und Österreich, gelegentlich auch in der Schweiz – anbieten, und zudem hohen Wert auf eine qualitativ hochwertige Eigenleistung setzen, sind solche Kooperationsangebote für uns nicht von Bedeutung. Wir haben sogar oberhalb unseres Kontaktformulars extra eine englische Textpassage eingefügt die den Besucher darum bittet, von Anfragen außerhalb des deutschsprachigen Raums abzusehen – nur hält das diese Unternehmen leider nicht davon ab es trotzdem zu versuchen. Zudem erhalten wir zunehmend Nachrichten mit identischem Vornamen und Nachnamen, oder mit für uns sinnlosen englischsprachigen Angeboten im Nachrichtentext, wo alleine dadurch schon erkennbar ist, dass das Formular nicht von einem Menschen vor einem Bildschirm sondern von einer Automatik-Software (meist als Formular-Bot oder Spam-Bot bezeichnet) ausgefüllt und versendet wurde. Letztere „Anfragen“ sind für uns als Unternehmen natürlich völlig nutzlos, da sich dahinter ja keinerlei Interesse an unseren Dienstleistungen verbirgt, sondern hier per Masseneintragungen versucht wird, irgendetwas zu verkaufen oder uns sogar zum Besuch von mit Schadcode verseuchten Websites zu verleiten. ## Wie kann man Formular-Spam und unerwünschte Nachrichten vermeiden? Es gibt verschiedene Methoden um die oben geschilderten, unerwünschten CRM-Einträge und Nachrichten zu vermeiden. Hier eine Liste möglicher Maßnahmen, ohne Anspruch auf Vollständigkeit. ### Versteckte Formularfelder Man integriert in das Formular ein für den menschlichen Besucher unsichtbares Formularfeld, welches nur Formular-Bots „sehen“ (da diese nur den HTML-Code der Seite „lesen“ und untersuchen können) – und eben auch ausfüllen. Dies macht man sich zunutze, indem man – entsprechende Programmierkenntnisse vorausgesetzt – beim Versuch, das Formular abzusenden, im Hintergrund das unsichtbare Formularfeld überprüft, und die Versendung unterbindet, wenn in diesem Feld etwas eingetragen wurde. ### Captchas Das bekannteste Captcha ist das ReCAPTCHA von Google, welches man auf vielen Formularen im Web finden kann. Hier muss der Besucher in der Regel eine Bilderfrage beantworten, indem er die passenden Kästchen aus einem Bildermosaik anklickt (z.B. alle Fahrräder im Bild). Es gibt aber auch einfachere Captchas, wo der Besucher z.B. eine einfache Rechenaufgabe korrekt lösen muss bevor das Formular abgesendet werden kann. Die meisten Formularlösungen in CMS-Systemen haben eine Captcha-Option integriert, die dann einfach genutzt werden kann. In unserem Formularsystem gibt es leider nur das ReCAPTCHA von Google. Das wäre leicht zu integrieren und hätte uns zumindest vor den Formular-Bot-Einträgen bewahrt. Allerdings gibt es schon seit Jahren immer wieder Stimmen von Internetrechts-Experten (z.B. auch [eRecht24](https://www.fx-web.de/erecht24" target="_blank" rel="noopener)), die vor der Verwendung des ReCAPTCHAS aus Datenschutzgründen warnen – und werden es deshalb auch weiterhin nicht verwenden. ### Sitzungs-Kenner (Session Token) Bei dieser Methode erhält der Besucher beim Besuch der Website ein sogenanntes Session-Cookie (eine kleine Textdatei die ihn eindeutig identifiziert). Da Formular-Bots keine Cookies verwenden, kann auf der Formular-Seite so unterschieden werden, ob es sich um einen echten Besucher oder einen Bot handelt. Das Problem mit dieser Variante ist jedoch, dass ein Besucher, bevor er auf die Formularseite geht, zuerst auf mindestens einer anderen Seite der Website gewesen sein muss, damit die Cookie-Datei erzeugt werden konnte. Falls der Besucher jedoch – sei es durch einen Link in den Suchmaschinen-Resultaten oder einer E-Mail, oder weil er sich ein entsprechendes Lesezeichen im Browser gespeichert hat – direkt auf der Formularseite landet, scheitert diese Methode. Und natürlich erfordert auch dies entsprechende Programmierkenntnisse. ### Prüfung der IP-Adressen Man kann Merkmale der Formular-Bots, z.B. deren IP-Adresse, in einer eigenen Datenbank oder Datenbanktabelle speichern, und diese regelmäßig auf bestimmte Muster und Häufungen überprüfen. Erhält man beispielsweise häufig von derselben oder ähnlichen IP-Adressen Formular-Spam, kann man das Versenden des Formulars unterbinden, wenn eine IP-Adresse einem so erfassten bzw. erkannten Muster entspricht. Das Problem bei dieser Methode (zumindest innerhalb der EU): ob die Erfassung (also Speicherung über einen gewissen Zeitraum) der vollständigen IP-Adresse dem Website-Betreiber gemäß EU-DSGVO (der EU-Datenschutzgrundverordnung) gestattet ist, muss rechtlich geklärt werden. Hierfür gibt es rechtliche Vorgaben, an die sich z.B. auch die Hosting-Provider (welche immer die vollständige IP-Adresse für einen bestimmten Zeitraum speichern) halten müssen. ### Überprüfung der Geo-Location Wer sich mit IP-Adressen auskennt weiß, dass sich anhand der IP-Adresse eines Besuchers auch dessen ungefährer Standort ermitteln lässt. Die Genauigkeit der Daten entsprechender Dienste im Internet zur Abfrage des geografischen Ortes – sogenannte Geo-Location-Services – unterscheiden sich jedoch je nach Anbieter. Dies gilt ganz besonders für Dienste, welche kostenfrei angeboten werden. Möchte man wie wir Interessenten außerhalb unserer Kundenzielgruppe aus deutschsprachigen Ländern am Absenden unserer Formulare hindern, reicht die Genauigkeit auf Landesebene jedoch aus. Entscheidend ist, dass sich die Daten nicht nur wie bei den meisten Anbietern per Eingabemaske sondern programmgesteuert als Web Service ansteuern und abfragen lassen. Wir haben uns nach längerer Suche und diversen Tests für die kostenfreie Lösung von [ipinfo.io](https://ipinfo.io/" target="_blank" rel="noopener) entschieden. Zwar stimmte bei den meisten unserer Testabfragen die Angabe des Ortes nicht (es wurde meistens „Dortmund“ statt „München“ angezeigt), aber für unseren Zweck, also die Abfrage des Herkunftslandes (Deutschland, Österreich, Schweiz) genügt dieser Web Service unseren Anforderungen. Und für den Fall, dass der Web Service einmal nicht funktionieren oder verfügbar sein sollte, und somit das Land nicht ermittelt werden kann, lassen wir natürlich den Versand des Formulars zu. ## Die beste Lösung: eine Kombination von mehreren Methoden Wie bereits erläutert, ist kaum eine der zuvor beschriebenen Methoden hundertprozentig zuverlässig – dies gilt insbesondere dann, wenn man lediglich auf kostenfreie Lösungen zurückgreifen möchte. In diesem Fall bleibt nur noch eine Lösung: man kombiniert mehrere der oben beschriebenen Lösungen und erhöht damit die Wahrscheinlichkeit dafür, dass ein Formular- oder Spam-Bot am Versenden des Formulars gehindert wird. Wir selbst nutzen aktuell versteckte Formularfelder in Kombination mit der Überprüfung der Geo-Location zur Abwehr von Formular-Spam. In einem Folge-Artikel werden wir die Integration dieser beiden Methoden gegen Formular-Spam und unerwünschte Nachrichten näher erläutern und dann hier auch entsprechend verlinken. --- ## Neue Kundenreferenz: Sachverständigen-Büro Günther Wagner URL: https://www.muenchen-webdesign.de/2022/03/28/neue-kundenreferenz-sachverstaendigen-buero-guenther-wagner/ Wir freuen uns sehr, dass wir heute wieder über eine neue Website-Kundenreferenz für einen Kunden aus der Handwerksbranche – dem [Sachverständigen-Büro Günther Wagner](https://www.gutachter-muenchen.biz/" target="_blank" rel="noopener) in München – berichten können. ## Der Kunde Günther Wagner ist nicht nur ein Sachverständiger, sondern darüber hinaus auch Inhaber der [Spenglerei und Dachdeckerei Wagner](https://www.dachdecker-muenchen.info" target="_blank" rel="noopener) in München-Moosach. Wir durften bereits 2015 die neue Website für dieses Unternehmen, die Günther und Eduard Wagner GbR, erstellen. Sechs Jahre später beauftragte Herr Wagner uns nun auch seine Website für sein Sachverständigen-Büro zu erstellen, was uns natürlich sehr gefreut hat. ## Das Projekt Als uns Herr Wagner zu Beginn skizzierte, in welche Richtung das Design gehen und welche Inhalte dargestellt werden sollten, hatten wir sofort die zündenden Idee: das war 10 Jahre nach unserer Unternehmensgründung 2012 endlich die Gelegenheit für uns, zum ersten Mal eine **OnePager-Website** für einen Kunden zu erstellen! Als OnePager werden Websites bezeichnet, die im Single Page Webdesign dargestellt werden, wo also die Nutz-Inhalte auf einer einzigen HTML-Seite präsentiert werden. Der Inhalt dieser Website wird somit auf dieser einen Seite vertikal aufgebaut. Nur die rechtlichen Pflicht-Seiten, also Impressum und Datenschutzerklärung, erhalten eigenständige Inhaltsseiten. Um bei OnePagern einzelne Bereiche voneinander abzugrenzen, werden grafische Elemente benutzt. Anders als bei Webseiten mit Unterseiten, wird die Struktur in der Regel über sogenannten Sektionen und Sprungmarken erreicht, die man über die Menüpunkte aus der Navigation direkt „anspringen“ kann. Was das „Anspringen“ etwas kniffliger macht kam auch hier zum Tragen: ein fixer, feststehender Bereich (hier die Navigationsleiste). Denn der „Sprungmechanismus“ in HTML berücksichtigt solche fixen Elemente nicht bzw. „weiß nichts davon“. Hier hat man dann grundsätzlich zwei Möglichkeiten: entweder man setzt einen eigenen Event-Handler ein (der meist mit JavaScript realisiert wird), der das „Springen“ (Scrollen) zur richtigen Position realisiert, oder man setzt die Sprungziele (Anker) an Stellen im HTML-Code, welche den zusätzlich notwendigen Abstand zum oberen Bildschirmrand realisieren. Eine weitere Besonderheit dieser Website, die auch wir erstmalig zum Einsatz gebracht haben – die Website hat insgesamt drei feststehende Bereiche: die Kopfleiste, die Fußleiste, und die Navigationsleiste auf der linken Seite. ## Die Website des Sachverständigen-Büro Günther Wagner Das vollflächige Hintergrundbild der Website stammt – wie schon auf der Website für die Spenglerei und Dachdeckerei – vom Unternehmer selbst. Wir waren uns beim ersten Blick darauf einig, dass dieses Bild stimmig zum Website-Design und zum Thema passt. [](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-03-24-gutachter-muenchen.biz-copyright.jpg)Screenshot der Website des Sachverständigen-Büro Günther Wagner ## Fazit Die fixe Navigationsleiste für das Responsive Design zu gestalten war eine kleine Herausforderung, die uns aber wie immer bei solchen technischen Kniffen viel Spaß bereitet hat. Wir hatten erneut eine tolle und konstruktive Zusammenarbeit mit unserem Kunden Günther Wagner und seiner Frau Helga, und möchten uns an dieser Stelle auch nochmals herzlichst dafür bei den beiden bedanken! --- ## Firmenjubiläum: 10 Jahre F/X Web Consulting! URL: https://www.muenchen-webdesign.de/2022/02/01/firmenjubilaeum-10-jahre-fx-web-consulting/ ## Wir feiern 10-jähriges Firmenjubiläum Unfassbar, wie schnell doch die Zeit vergeht… denn tatsächlich feiert die Münchner Internetagentur [F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noopener) am 1. Februar 2022 ihr **10-jähriges Firmenjubiläum**! Wir blicken zurück auf zehn spannende, kreative, erlebnisreiche und erfolgreiche Jahre. Firmenjubiläum – 10 Jahre F/X Web Consulting ## Kleiner Rückblick Seit der **Firmengründung am 01.02.2012** ist viel passiert – hier ein paar Daten & Fakten: - Gründung: 01.02.2012 - Facebook-Fanseite publiziert: 25.04.2012 - Unternehmens-Blog veröffentlicht: 01.09.2012 (erster Blog-Beitrag: [Servus München!](https://www.muenchen-webdesign.de/2012/09/01/servus-muenchen/)) - Google+ Seite publiziert: 06.06.2013 (G+ gibt es nicht mehr) - XING Unternehmensseite publiziert: 15.08.2013 - LinkedIn-Seite publiziert: 16.12.2017 - Redesign & Relaunch [www.fx-web.de](https://www.fx-web.de/" target="_blank" rel="noopener): 22.12.2017 (Blog-Beitrag: [Redesign & Relaunch: F/X Web Consulting…](https://www.muenchen-webdesign.de/2018/01/12/redesign-relaunch-fx-web-consulting-internetagentur-muenchen/)) - Erstellte Kunden-Websites (Stand 31.01.2022): 44 - Erstellte Online-Shops: 2 - Kunden (alle Dienstleistungen): >60 - Getrunkene Tassen Kaffee: unzählbar… - Mit Photoshop bearbeitete Bilder: unzählbar… - Firmenjubiläum 10-Jahre F/X Web Consulting: 01.02.2022 ## Zeitreise Wer einmal die **Design-Entwicklung unserer eigenen Website** nachverfolgen möchte, kann dies übrigens ganz leicht über die **Wayback Machine** tun – die älteste Version unserer Website dort stammt vom [27. September 2011](https://web.archive.org/web/20110927222618/http://www.fx-web.de/" target="_blank" rel="noopener)! ## Highlights Die professionellen Ergebnisse unserer Arbeit und die zunehmende Expertise in all diesen Jahren lässt sich am einfachsten über unsere [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen" target="_blank" rel="noopener) aufzeigen, die wir chronologisch auf unserer Website auflisten. Und was uns in diesen Jahren ebenfalls immer wieder riesig gefreut hat, waren **das Lob und die Zufriedenheit unserer Kunden** – belegt durch die zahlreichen [Kundenfeedbacks auf unserer Website](https://www.fx-web.de/kundenfeedbacks" target="_blank" rel="noopener), aber auch die Stand heute insgesamt [19 Google-Bewertungen mit 5-Sternen](https://www.google.de/search?num=40&source=hp&ei=CmzbWuP4LIPSwAKx0K3gCg&q=f%2Fx+web+consulting&oq=f%2Fx+web+consulting&gs_l=psy-ab.3..0i22i30k1j38.636.3564.0.4232.19.17.0.1.1.0.148.1401.12j4.16.0....0...1c..64.psy-ab..2.17.1407.0..0j0i22i10i30k1.0.wolbAXpanZ0#lrd=0x479e76d1cf4206bb:0x30c6b1b1da2ca75a,1,,," target="_blank" rel="noopener nofollow). Zum 10-jährigen Firmenjubiläum: F/X Web Consulting in der Google Suche Wir sind im Laufe der Jahre auch einige Kooperationen mit [Partnern](https://www.fx-web.de/partner" target="_blank" rel="noopener) eingegangen, von denen **unsere Kunden profitieren** – unter anderem mit [eRecht24](https://www.fx-web.de/erecht24" target="_blank" rel="noopener) (für rechtssichere Websites), mit der [IT-Recht Kanzlei München](https://www.fx-web.de/it-recht-kanzlei" target="_blank" rel="noopener) (für rechtssichere Online-Shops) und zuletzt mit [Usercentrics](https://www.fx-web.de/usercentrics-de" target="_blank" rel="noopener) (DSGVO-konforme Consent-Management-Lösungen). ## Ausblick Wir werden weiterhin wie gewohnt für unsere bestehenden und künftigen Kunden unser Spektrum an Dienstleistungen **in höchster Qualität** und **im wertschätzenden Dialog** erbringen. Das hat sich die vergangenen 10 Jahre bewährt und wird dementsprechend auch so fortgeführt. Änderungen stehen natürlich trotzdem an – nicht nur (aber auch) weil sich der Markt immer weiterentwickelt, die Kunden (noch) anspruchsvoller werden, und weil **neue Technologien und Trends** verfügbar werden, die beherrscht und umgesetzt werden wollen. Wir planen beispielsweise die **Umstellung auf ein anderes Newsletter-System**, um künftig mit einem moderneren und leichter bedienbaren System unsere Kunden und Interessenten öfter und zuverlässiger als bisher mit wichtigen und interessanten Informationen zu versorgen. Ebenfalls in der Überlegung ist der **strategische Wechsel** zu einem anderen CMS-System – denn das bisher bei 95 % unserer Kunden zum Einsatz gekommene CMS wird voraussichtlich nicht mehr modernisiert, und das Nachfolgesystem des Anbieters überzeugt uns nicht genug um künftig darauf zu setzen. Die nächsten Monate werden zeigen, wohin die CMS-Reise gehen wird… **Wir bedanken uns an dieser Stelle bei allen unseren Kunden**, und natürlich ganz besonders bei jenen Kunden, die uns bis heute die Treue gehalten haben und weiterhin gerne auf unsere Dienstleistungen zurückgreifen! Ebenfalls bedanken möchten wir uns bei unseren treuen Lesern unseres Unternehmens-Blogs, [www.muenchen-webdesign.de](https://www.muenchen-webdesign.de/), und natürlich auch bei unseren Fans auf den verschiedenen Social Media Plattformen wie z.B. auf unserer [Facebook-Fanseite](https://www.facebook.com/FXWebConsulting" target="_blank" rel="noopener nofollow). Wir freuen uns auch schon sehr auf die nächsten 10 Jahre – auf dass wir am 01.02.2032 erneut ein Firmenjubiläum begehen können! --- ## Newsletter URL: https://www.muenchen-webdesign.de/newsletter/ Vorname oder ganzer Name Email Indem Du fortfährst, akzeptierst Du unsere Datenschutzerklärung. --- ## Fragenkatalog für Website-Angebote & Website-Aufträge URL: https://www.muenchen-webdesign.de/2021/08/09/fragenkatalog-fuer-website-angebote-und-website-auftraege/ **Frage**: Wozu benötigt man einen Fragenkatalog für Website-Angebote? **Antwort**: Eine Website – egal ob Image-Website oder Online-Shop – kauft man nicht „mal so nebenbei“. Und ein bewährter Fragenkatalog hilft enorm dabei im Vorfeld bei der Planung nichts wichtiges zu vergessen. Jede Website ist anders – und sollte es auch sein, um Ihrem Unternehmen einen individuellen Charakter zu geben. Zwar soll jede Website letztendlich eine Idee (Dienstleistungen, Produkte) erfolgreich verkaufen, aber die Ansprüche und Wunschvorstellungen der Unternehmen sind natürlich unterschiedlich. **Was haben Sie sich vorgestellt?** Die unten stehenden Fragen helfen Ihnen bei der Planung – und uns bei der Angebotskalkulation für Ihre neue Website. Nehmen Sie sich bitte Zeit für die Beantwortung und schriftliche Erfassung. Damit ersparen Sie sich selbst und uns später aufwändige Änderungen und Kostenabweichungen. ## Was genau wünschen Sie sich von uns? Beispiele: - Die digitale Umsetzung einer Website, die Sie schon ganz klar vor Augen haben. - Oder die Entwicklung einer Website inkl. Konzept und Design, die Ihr Business optimal darstellt? - Optimierungs-Tipps für eine bestehende Website? Oder etwas ganz anderes? ## Was ist das Ziel (Sinn und Zweck) Ihrer neuen Website? Eine vollständige Image-Website zur Vermarktung Ihrer Marke und Ihres Unternehmens? Gezielte Bewerbung einzelner Dienstleistungen/Produkte? ## Wer ist Ihre Zielgruppe? Kleiner Tipp: „Alle“ ist in der Regel keine Zielgruppe. Richtet sich Ihre Website an Privatkunden oder Geschäftskunden? An Frauen oder Männer? Alter? Länder? Sprachen? ## Struktur und Umfang der Website Welche Menüstruktur bzw. wie viele Unterseiten soll Ihre Website ungefähr haben? Oder hatten Sie an einen sog. „Onepager“ gedacht (alle Rubriken – außer Datenschutzerklärung und Impressum – werden untereinander auf nur einer Seite dargestellt)? ## Gibt es bereits einen Hosting-Vertrag? Wenn ja, mit welchem Anbieter (z.B. IONOS, Strato, Domainfactory, Hetzner, …)? Wenn nein, gibt es Ihrerseits Präferenzen für einen bestimmten Hosting-Anbieter? ## Besitzen Sie bereits eine oder mehrere Domains? Falls ja, und falls diese bereits bei einem Hosting-Anbieter „geparkt“ ist/sind, empfiehlt es sich oft dort auch das Hosting zu nutzen bzw. zu beauftragen. Soll die Domain (wenn vorhanden) auch als E-Mail-Adresse genutzt werden? Falls der Domain-Name recht lang ist, empfiehlt es sich u.U. eine eigene (kürzere) Domain für die E-Mail-Kommunikation zu verwenden. Schließlich muss die E-Mail-Adresse ja auch noch auf die Visitenkarte passen… ## Müssen auch E-Mail-Postfächer eingerichtet werden? Gerade bei neuen Unternehmen bzw. Startups muss zu Beginn auch eine E-Mail-Infrastruktur eingerichtet werden, denn eine Nutzung von Freemail-Adressen (GMX, Hotmail, etc.) wird im kommerziellen Umfeld eher als unseriös angesehen. ## Gibt es bereits ein Logo und/oder eine Corporate Identity (CI)? Für die Entwicklung einer CI und professionellen Logos (und Print-Produkten wie Visitenkarten, Briefpapier, etc.) arbeiten wir mit erfahrenen Grafikdesigner aus unserer Region zusammen, die wir Ihnen guten Gewissens empfehlen können. ## Wie wichtig ist die Auffindbarkeit über Suchmaschinen? Bei Unternehmensgründungen und neuen Websites dauert es in der Regel etwas, bis diese von Google & Co. indiziert werden. Wir beraten Sie gerne dazu, wie dieser Prozess beschleunigt werden kann. Sie müssen sich jedoch im Vorfeld überlegen, zu welchen Suchbegriffen Ihre Website in den Suchresultaten bevorzugt gelistet werden soll. Überlegen Sie sich dazu mindestens drei Begriffe oder Phrasen, mit denen Ihre potentiellen Kunden Ihre Dienstleistung oder Ihre Produkte suchen werden. ## Verfassen Sie die Texte für die Website selbst? Nicht jeder von uns ist zum Schriftsteller geboren. Und Texte von vergleichbaren Webseiten zu kopieren kann böse ins Auge gehen – nicht nur aus Copyright-Gründen, sondern auch weil die Suchmaschinen heute so „schlau“ sind, dass sie solche kopierten Texte erkennen, und Sie dann mit einer schlechten Positionierung in den Suchresultaten „bestrafen“. Planen Sie die Erstellungszeit für die Texte in Ihren Zeitplan für die Website-Erstellung mit ein, und wenden Sie sich im Zweifelsfall an entsprechende Textagenturen. ## Haben Sie bereits ein Impressum und eine Datenschutzerklärung? Jede kommerzielle Website benötigt ein Impressum und eine Datenschutzerklärung. Wir bieten Ihnen hierzu maßgeschneiderte Texte an, die wir als Premium-Agenturpartner von eRecht24 mit Hilfe deren Generatoren individuell für Ihre Website erstellen. Wir können dafür jedoch keine Haftung übernehmen, da wir keine Juristen sind. Wir empfehlen daher, die von uns so erstellten Seiten von einem Anwalt für Internetrecht prüfen zu lassen. ## Planen Sie Videodateien in Ihre Website einzubinden? Falls ja, sollten wir im Vorfeld wissen, wie viele Videos eingebunden werden sollen, ob diese als eigene Videodateien vorliegen oder von einer anderen Website (z.B. YouTube) eingebettet werden sollen, und wie viele Videos ggf. auf einer einzelnen Inhaltsseite angezeigt werden sollen. Denn davon hängt ab, wie wir die Videos einbinden und wie viel Aufwand zu leisten ist – eine Vorstellung davon, wieviel es dabei zu beachten gibt, erhalten Sie in einem früheren Artikel von uns zu diesem Thema: [HTML5 Video einbinden – Browser-unabhängig – Schritt-für-Schritt Anleitung](https://www.muenchen-webdesign.de/2013/12/24/html5-video-browser-unabhaengig-in-der-eigenen-website-integrieren/) ## Haben Sie bereits Fotos für die Website, die für kommerzielle Zwecke verwendet werden dürfen? Planen Sie ein Foto-Shooting mit einer Foto- oder Werbeagentur, oder soll Bildmaterial von Bilddatenbanken verwendet und/oder eingekauft werden? Einfachere Foto-Shooting-Aufträge können wir gerne mit anbieten. Für höhere Ansprüche (insbesondere Produkt-/Objekt-Fotografie) empfehlen wir Ihnen entsprechende Profis, und können auch hierbei Empfehlungen geben. ## Planen Sie, direkt über Ihre Website etwas zu verkaufen? Wenn ja, was? Denn je nach Anzahl der Produkte oder Dienstleistungen, die online verkauft werden sollen, empfiehlt es sich einen eigenen Online-Shop einrichten zu lassen. Hierfür haben wir einen eigenen [Fragenkatalog speziell für die Erstellung von Online-Shops erstellt](https://www.fx-web.de/faq-fragenkatalog-online-shop" target="_blank" rel="noopener). ## Hätten Sie gerne ein Kontaktformular auf Ihrer Website? Hier wäre zu klären, welche Angabe darüber abgefragt und welche Eingaben ermöglicht werden sollen (z.B. vorgefertigte Fragen). ## Werden Sie sich nach der Veröffentlichung um die inhaltliche Pflege der Website kümmern? Falls ja: benötigen Sie nach Fertigstellung der Website von uns eine Einführung hinsichtlich der Verwaltung der Website mit dem gewählten Content Management System (CMS), z.B. WordPress? Haben Sie Beispiele für Websites, die Ihnen vom Design und den Funktionen her gefallen? Oder gibt es ggf. ein fertiges, meist von einer Marketing-Agentur vorgegebenen Design? Dann geben Sie uns bitte mindestens 2-3 Website-Beispiele deren Designs und Funktionalität Ihnen gefallen (jeweils mit Angaben dazu, was Ihnen konkret gefällt), bzw. senden Sie uns das vorgegebene Design zu. Erst dann können wir für eine Angebotserstellung abschätzen, wie viel Aufwand unsererseits für die Designerstellung notwendig sein wird. ## Wie sieht Ihr Zeitplan aus? Wir sind mal mehr und mal weniger stark ausgelastet. Damit wir Ihnen eine zuverlässige Angabe für die Projektfertigstellung geben können, benötigen wir die Antworten auf obige Fragen, aber natürlich müssen wir auch Ihre Zeitvorstellungen kennen. ## Sonstige Fragen oder Wünsche? Obiger Fragenkatalog für Website-Angebote erhebt natürlich keinen Anspruch auf Vollständigkeit, dazu ist das Website-Business wie auch die Anforderungen und Wünsche der Kunden zu komplex. Falls Sie also noch eine Frage oder einen Wunsch haben, den wir mit unseren Fragen oben nicht erfasst haben, dann lassen Sie es uns bitte wissen. Wir werden den Fragenkatalog für Website-Angebote dann gerne aktualisieren. --- ## MEGAmäßig: Cloud-Speicher & Kommunikationslösung von MEGA URL: https://www.muenchen-webdesign.de/2020/03/14/megamaessig-cloud-speicher-kommunikationsloesung-von-mega/ ## MEGAzufrieden – Cloud-Speicher vom Feinsten [](https://www.fx-web.de/mega-startseite" target="_blank" rel="nofollow, noopener sponsored noreferrer) Wir hatten hier auf unserem Blog ja schon einmal über unsere früheren Lösungen zum Synchronisieren von Dateien zwischen verschiedenen Computern berichtet (siehe unseren Artikel von 2013: [Endlich ein Ersatz: Alternative zu Windows Live Mesh!](https://www.muenchen-webdesign.de/2013/03/16/endlich-ein-ersatz-alternative-zu-windows-live-mesh/)). Zu dieser Zeit gab es auch bereits andere Cloud-Speicher wie die von Microsoft OneDrive, Google Drive, Dropbox & Co. – nur konnte mich damals keine der zugehörigen Synchronisations-Clients überzeugen. Im gleichen Artikel hatten wir über die Jahre (2017, 2018 und 2019) immer wieder kleine Updates zu den zwischenzeitlichen Veränderungen eingepflegt. 2017 mussten wir ja von Cubby auf MEGA wechseln, da LogMeIn ja Ende 2016 angekündigt hatte, dass es den Service im April 2017 einstellen wird. **Soviel vorneweg:** was ich 2018 geschrieben hatte gilt nach wie vor. Wir sind MEGAmäßig zufrieden mit dem Service von MEGA und den Möglichkeiten die uns dort zur Verfügung stehen. Da wir gerne unseren Kunden, Partnern und Blog-Lesern Empfehlungen geben ist es nun an der Zeit hier etwas mehr über MEGA und seine Vorzüge zu schreiben. ## Wer oder was ist MEGA? MEGA Limited wurde in Neuseeland gegründet und ist dort beheimatet. Es gibt jedoch auch Büros in Spanien und Portugal, und es gibt eine EU-Niederlassung in Luxemburg. Der Name des Unternehmens ist ein rekursives Akronym und steht für **M**ega **E**ncrypted **G**lobal **A**ccess. Das Unternehmen bietet einen **zuverlässigen und sicheren Cloud-Speicher** (Online-Speicher) mit **schneller Datenübertragung** und **durchgehender** **Verschlüsselung** (eine sogenannte (End-to-End-Verschlüsselung). Darüber hinaus gibt es auch eine Lösung zum **einfachen Nachrichten- und Dateiaustausch** sowie **qualitativ hochwertige Audio-/Videokonferenzen** mit dem Ende-zu-Ende-verschlüsselten **MEGAchat**. ## Was bietet MEGA? MEGA kann im einfachsten Fall einfach über einen der gängigen Browser (inkl. Microsoft Edge) genutzt werden. Mit Hilfe entsprechender **Browser-Erweiterungen** (Extensions) **für Firefox, Chrome und Opera** können die Lade- und Download-Zeiten noch weiter beschleunigt und der Datentransfer noch sicherer gestaltet werden. Diese Erweiterungen können ganz einfach aus dem jeweiligen Browser heraus in den zugehörigen App- bzw. Extension-Stores gesucht und installiert werden. Über entsprechende Apps für den Desktop (Windows, Mac, Linux) werden Dateien kontinuierlich auf verschiedensten Geräten mit verschiedensten Betriebssystemen synchron gehalten (**MEGAsync** – siehe Screenshot). [](https://www.muenchen-webdesign.de/wp-content/uploads/2020/03/Screenshot-MEGAsync-Client.jpg)Der MEGAsync-Client (für Originalgröße klicken) Eine UWP-App für Windows 10 sowie Mobile Apps in den Stores für Apple iPhone und Android Smartphones erhöhen den Komfort im Umgang mit den MEGA-Funktionen und den Daten zusätzlich. Hier einige der **Highlights** des Angebots von MEGA: - Automatische Synchronisierung - Durchgehende Verschlüsselung - Dateiversionierung - Sicherer Echtzeitnachrichtenaustausch per Chat oder Video- und Audiokonferenzen - Dokumentenfreigabe (z.B. an Ihre Kunden) - Dokumentenempfang (z.B. von Ihren Lieferanten oder Kooperationspartnern) - Verschiedene Tarifpläne für den persönlichen Bedarf oder den Business-Bedarf - Benutzerverwaltung (nur Business-Accounts) Selbstverständlich erfüllt MEGA Limited auch **alle Anforderungen der EU-DSGVO**. Sowohl die Browser-Oberfläche wie auch die Apps können **auf Deutsch** eingestellt werden. Ein echtes Killer-Argument und Highlight für MEGA bzw. den MEGAsync-Client ist die Tatsache, dass hier – im Gegensatz zu beispielsweise Microsoft OneDrive – jedes beliebige Verzeichnis auf der eigenen Festplatte synchronisiert werden kann, egal wo es sich befindet. OneDrive hingegen „zwingt“ den Anwender dazu das OneDrive-Verzeichnis im eigenen User-Verzeichnis anzulegen – was dann auch bedeutet, dass zu synchronisierende Dateien dort explizit abgelegt werden müssen. Damit „sabotiert“ Microsoft sein eigenes, schon mit Windows XP eingeführtes Konzept der Anwender-Bibliotheken (Dokumente, Downloads, Musik, etc.) – für mich ein absolutes No-Go. Wie die Synchronisierungs-Clients der anderen Anbieter (Dropbox, Google Drive, etc.) dies handhaben werde ich mir bei Gelegenheit auch mal ansehen. ## Wie nutzen wir den Cloud-Speicher und die Dienste von MEGA? F/X Web Consulting nutzt den Cloud-Speicher seit Anfang 2017 sowohl für den **Cloud-Backup der Geschäftsdaten** und gleichzeitig für die **Synchronisation der Daten über verschiedene Endgeräte** hinweg. Mit Endgeräten sind in unserem Fall Desktop-Rechner und Notebooks (jeweils auf Basis Windows 10) sowie Android Smartphones (Samsung Galaxy) gemeint. Selbstverständlich sind unserer Endgeräte DSGVO-konform konfiguriert und mit den aktuellsten Sicherheitsstandards abgesichert (z.B. Bitlocker-Festplattenverschlüsselung, Login mit PIN bzw. Windows Hello). Passwörter sind zudem in einer Passwortmanager-Lösung nochmals extra verschlüsselt erfasst – zu dieser Lösung schreibe ich bei Gelegenheit noch einen extra Artikel. Zusätzlich zur Nutzung des Cloud-Speicher setzen wir seit kurzem auch die Lösung von MEGA zum **einfachen Nachrichten- und Dateiaustausch** sowie **qualitativ hochwertige Audio-/Videokonferenzen** mit dem Ende-zu-Ende-verschlüsselten **MEGAchat** ein. Auf unserer Unternehmens-Website ist dies nur durch den neu hinzugekommenen, recht unaufdringlichen [Chat beginnen](https://www.fx-web.de/mega-chat-beginnen" target="_blank" rel="noopener noreferrer)-Link im „Ihr Ansprechpartner“-Sidebar-Widget erkennbar: Screenshot: neuer „Chat beginnen“-Link **Ich bin schon sehr gespannt** ob diese neue Kommunikationsmethode von unseren Website-Besuchern und Interessenten genutzt werden wird. ## MEGAüberraschung – doppelt hält länger In Zeiten, in denen alles nur teurer wird oder manchmal auch zum gleichen Preis Leistungen entfallen, war es eine echte MEGA-Überraschung (und ein tolles Weihnachtsgeschenk), als MEGA [am 16. Dezember auf ihrem Blog](https://web.archive.org/web/20240618100449/https://blog.mega.io/festivities-come-early-double-the-value-for-money-at-mega" target="_blank" rel="noopener noreferrer) ankündigten, dass ab sofort bei allen Bezahl-Tarifen die zur Verfügung stehende **Größe des Cloud-Speicher verdoppelt wird!** Als ich kurz darauf in meiner MEGA Desktop App nachgesehen habe war es bereits geschehen – seither habe ich 400 GB anstelle der 200 GB zur Verfügung. **Erstklassig, zwei Daumen hoch!** Diese Aktion kam auch gerade zur rechten Zeit, denn ich hatte bereits ca. 190 GB meiner 200 GB genutzt, und hätte somit spätestens bei der nächsten Verlängerung im Januar 2020 den nächst höheren Tarifplan buchen müssen… ## Was kostet MEGA Cloud-Speicher inkl. Datensynchronisation und MEGAchat? Los geht’s (Stand März 2020) bereits **ab 4,99 € pro Monat** im Tarif PRO Lite mit sage und schreibe **400 GB Cloud-Speicher!** Diese Speichermenge dürfte für kleine Unternehmen wie F/X Web Consulting in der Regel locker reichen (sofern man nicht z.B. Architekt ist und dort komplexe CAD-Pläne über viele Jahre ablegt). Und die (bei jährlicher Zahlweise) etwa 60 € pro Jahr sind meines Erachtens nach ein sehr fairer Preis und wirklich gut angelegt. ## Fazit Ich bin also seit gut drei Jahren hochzufrieden mit dem Cloud-Speicher und den weiteren Möglichkeiten von MEGA. Die Sicherheit Ihrer Firmendaten und -Kommunikation liegt Ihnen ebenso am Herzen wie uns? Dann sollten Sie ebenfalls mit den Lösungen von MEGA die Risiken der Cloudnutzung minimieren. Millionen Menschen vertrauen MEGA bereits einige Milliarden Dateien zur Speicherung in deren hochmoderner Infrastruktur an. Möchten Sie ebenfalls Ihre Daten **mit einem der sichersten Cloud- und Kommunikationsdienstleister unserer Zeit** schützen? Dann können Sie sich hier über das Angebot von MEGA informieren. --- ## Worldsoft E-Mail: Postfach-Einrichtung in Mail-Programmen URL: https://www.muenchen-webdesign.de/2020/02/29/worldsoft-e-mail-postfach-einrichtung-in-mail-programmen/ ## ## Worldsoft Mail (Atmail): Postfach in E-Mail-Programmen einrichten Die Websites der überwiegenden Mehrheit unserer Kunden wurden von uns mit dem [Worldsoft-CMS](https://fx.worldsoft.info/" target="_blank" rel="noopener noreferrer) der Worldsoft AG erstellt. In den Worldsoft-CMS-Paketen sind auch eine bestimmte Anzahl an E-Mail-Postfächern enthalten. Diese können – wie bei anderen großen Mail-Anbietern wie Hotmail/Outlook.com, Gmail & Co. auch – über den Webmail-Client Roundcube im Browser abgerufen und bearbeitet werden. Viele Kunden schätzen es jedoch, wenn sie Ihre E-Mail-Nachrichten auf ihrem Computer in ihrem gewohnten E-Mail-Programm abrufen und beantworten können – ganz besonders dann, wenn mehr als ein Postfach (ggf. auch bei verschiedenen Anbietern) genutzt wird. So entfällt die manchmal lästige, mehrfache Anmeldeprozedur an den diversen Webmail-Programmen. Außerdem kann man so die Nachrichten in allen Postfächer mit den immer gleichen Bedienschritten im vertrauten E-Mail-Programm erstellen, beantworten und archivieren. Hinzu kommt die Postfachnutzung auf Smartphones und anderen mobilen Geräten. Insbesondere auf Smartphones können Sie von den dort vorhandenen oder installierbaren E-Mail-Programmen beispielsweise mit Push-Nachrichten über neu eingegangene E-Mails benachrichtigt werden. Das funktioniert mit den Webmail-Clients im Smartphone-Browser nicht. Nicht zuletzt haben immer mehr Nutzer mehr als einen Computer, Tablet und/oder Smartphone – und nutzen auf allen Geräten das gleiche oder ähnliche E-Mail-Programme. ## Mail-Postfach-Einrichtung mit IMAP oder POP3? Eine grundsätzliche Entscheidung müssen Sie bei fast allen E-Mail-Programmen bei der Einrichtung des Postfachs treffen: ob Sie das POP3-Protokoll oder das IMAP-Protokoll nutzen wollen. ### POP3 Die Bezeichnung POP3 ist eine Abkürzung für _Post Office Protocol_ und schon deutlich älter als IMAP. POP3 stammt noch aus einer Zeit, in der Mails mit **einem einzigen Rechner** – ob daheim im Büro – abgerufen wurden. Standardmäßig werden bei POP3 die Nachrichten nach dem Abruf auf dem Server gelöscht. Viele Menschen greifen jedoch heutzutage mit mehreren Geräten (Arbeitsplatz-Rechner, Tablet, Heim-PC, Smartphone,…) auf ihr Postfach zu. Möchte man also mit mehreren Geräten über POP3 seine E-Mails abrufen, darf nur auf einem Rechner die Einstellung „Nachrichten nach Abruf auf dem Server löschen“ aktiv sein. Gleichzeitig hat dies zur Folge, dass neue Nachrichten auf allen anderen Geräten erneut als „neu“ heruntergeladen (und im Webmail als „neu“ angezeigt) werden, auch wenn sie auf dem anderen Gerät bereits gelesen wurden. Ebenfalls lästig: Markieren Sie eine E-Mail als gelesen, passiert dies nur im Mail-Programm auf dem jeweiligen Gerät. Alle anderen Geräte (wie auch das Webmail) kriegen davon schlichtweg nichts mit. Und: Greifen Sie gerne auf Ihre „gesendeten Mails“ zurück, werden Sie ebenfalls feststellen, dass nur die Mails dort gespeichert wurden, die Sie auf dem entsprechenden Gerät versendet haben. Das gleiche gilt im Übrigen auch für die Entwürfe. Mal eben eine Mail im Büro anfangen, in den Entwürfen speichern und auf dem Weg nach Hause in der Bahn via Smartphone beenden und verschicken geht so nicht. Ebenfalls problematisch mit POP3 sind **Backups**, denn diese finden auf Server-Ebene bei den meisten Anbietern zwar in regelmäßigen Intervallen (zum Beispiel dreimal täglich) statt. Was Sie jedoch zwischen den Sicherungen an Nachrichten empfangen und versenden kann die Sicherung nicht berücksichtigen. Somit müssen Sie sich selbst um einen zuverlässigen Backup kümmern. ### IMAP Die Abkürzung IMAP steht für _Internet Message Access Protocol_. Bei diesem moderneren Protokoll bleiben alle Mails zentral auf dem Mailserver des Mailanbieters gespeichert. Mit einem IMAP-Postfach verbundene Geräte laden die Mails primär nicht herunter, sondern zeigen diese im Prinzip nur an (ähnlich Webmail). Moderne Mail-Programme arbeiten jedoch längst mit einem lokalen Zwischenspeicher (Cache), so dass Nachrichten in mit dem Server-Postfach synchronisierten Verzeichnissen (Posteingang, Postausgang, Entwürfe, etc.) auch gelesen und beantwortet werden können, wenn gerade keine Internet-Verbindung besteht. IMAP hat (vor allem gegenüber POP3) für den Nutzer **nur Vorteile**: Versenden Sie im Büro eine E-Mail, können Sie diese in Ihrem „Gesendete Nachrichten“-Ordner auch unterwegs noch einmal aufrufen. Und markieren Sie von unterwegs eine Mail als gelesen, wird diese auch auf dem heimischen Computer als gelesen markiert. Auch eine begonnene und in Entwürfe abgelegte Nachricht können Sie auf jedem anderen Gerät weiter bearbeiten und dann dort versenden. Der Mail-Provider kann (da die Nachrichten ja auf dem Mail-Server verbleiben) brauchbare **Backups im Hintergrund** anfertigen und bei Bedarf entsprechend wiederherstellen. Falls Sie in Ihrem Mailprogramm Ordner zur strukturierten Archivierung von Nachrichten erstellt haben und nutzen, werden diese ebenfalls auf dem Server abgelegt und mit gesichert. Geht das Smartphone verloren, können Sie nach der Neueinrichtung des Postfachs auf dem neuen Gerät sofort wieder auf Ihre Nachrichten zugreifen, da diese ja noch vollständig auf dem Mail-Server liegen. ### Fazit In den meisten Fällen ist die **Einrichtung des Postfachs über das IMAP-Protokoll zu empfehlen**, selbst wenn man nur ein Gerät und ein Postfach hat. Die Nutzung von POP3 empfiehlt sich nur dann, wenn man die Nachrichten nur auf einem einzigen Gerät empfangen und beantworten möchte, und POP3 ggf. neben Webmail die einzige kostenfreie Zugriffsvariante des Mail-Anbieters ist. ## Anleitungen zur Einrichtung des Worldsoft Postfachs in Mail-Programmen Sie finden im Folgenden die **Anleitungen im PDF-Format** zur Einrichtung von Worldsoft Postfächern für die am Markt gängigsten E-Mail-Programme. Die meisten Anleitungen wurden von der [Worldsoft AG](https://fx.worldsoft.info/" target="_blank" rel="noopener noreferrer) erstellt und haben einen entsprechenden Copyright-Vermerk im Dokument. Wir haben weitere Anleitungen geplant und werden diese hier zur Verfügung stellen sobald sie fertiggestellt sind. Wo verfügbar haben wir zusätzlich Links zu den Supportseiten der Programm- bzw. App-Anbieter mit angegeben. Da sich Links im Laufe der Zeit gerne mal ändern, ohne dass der Anbieter vernünftige Weiterleitungsmechanismen anbietet, freuen wir uns, wenn Sie [uns auf ungültige Links aufmerksam machen](https://www.fx-web.de/kontakt" target="_blank" rel="noopener noreferrer). ### Microsoft Outlook - [Microsoft Outlook 2003](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2003.pdf" target="_blank" rel="noopener noreferrer) - [Microsoft Outlook 2007](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2007.pdf" target="_blank" rel="noopener noreferrer) - [Microsoft Outlook 2010](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2010.pdf" target="_blank" rel="noopener noreferrer) - [Microsoft Outlook 2013](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2013.pdf" target="_blank" rel="noopener noreferrer) - [Microsoft Outlook 2016 / 2019 / 365](https://www.muenchen-webdesign.de/wp-content/uploads/2020/06/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2016-2019-365.pdf" target="_blank" rel="noopener noreferrer) - Microsoft Outlook App für Android (geplant) ### Microsoft Mail App (Windows 10) - Microsoft Mail App (geplant) ### Mozilla Thunderbird - [Mozilla Thunderbird](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Mozilla-Thunderbird-3.pdf" target="_blank" rel="noopener noreferrer) ### Android Email - [Android Email](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Android.pdf" target="_blank" rel="noopener noreferrer) - Android Email ab Android Version 8 (geplant) ### Apple iPhone, iPad, iPod touch (iOS) - [Apple iPhone & iPad bis iOS 6](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Apple-Mail-iOS6-iPhone-iPad.pdf" target="_blank" rel="noopener noreferrer) - [Apple iPhone & iPad für iOS 7 und 8](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Apple-Mail-iOS7-iOS8-iPhone-iPad.pdf" target="_blank" rel="noopener noreferrer) - [Apple Support: Senden oder Empfangen von E-Mails auf deinem iPhone, iPad oder iPod touch nicht möglich](https://support.apple.com/de-de/HT201419" target="_blank" rel="noopener noreferrer) ### Apple Mail (Mac) - [Apple Mail auf Mac](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Apple-Mail-Mac.pdf" target="_blank" rel="noopener noreferrer) - [Apple Support: Mail auf dem Mac verwenden](https://support.apple.com/de-de/HT204093" target="_blank" rel="noopener noreferrer) ## Postfachnutzung mit Webmail (Roundcube) Wir referenzieren hier der Vollständigkeit halber auch die von Worldsoft zur Verfügung gestellte **Schnellanleitung für den Webmail-Client Roundcube**. Diese Kurzanleitung finden Sie über den folgenden Link: [Worldsoft Support: Roundcube Webmail](https://www.fx-web.de/worldsoft-roundcube-webmail" target="_blank" rel="noopener noreferrer). Beachten Sie bitte auch unseren wichtigen Hinweis zur Schnellanleitung in unserem Artikel [Worldsoft E-Mail: Umstellung von Atmail auf Roundcube](https://www.muenchen-webdesign.de/2020/02/26/worldsoft-email-umstellung-von-atmail-auf-roundcube/). ## Verwaltung der Worldsoft E-Mail-Postfächer (Spexmail) Die Einrichtung neuer und Verwaltung bestehender E-Mail-Postfächer mit der neuen Spexmail-Administrations-Oberfläche ist auf der Website von Worldsoft beschrieben: [E-Mail-Postfächer Verwaltung SpexMail](https://www.worldsoft-support.info/180" target="_blank" rel="noopener noreferrer). Dort wird beschrieben, wie Sie neue Postfächer und E-Mail-Weiterleitungen einrichten sowie die sogenannten Whitelists (sichere E-Mail-Absenderadressen) und Blacklists (unsichere bzw. Spam-E-Mail-Absenderadressen) verwalten können. Auch wie Sie eine Abwesenheitsnotiz eintragen und das Passwort für ein Postfach ändern können (inkl. Passwortregeln) wird dort erläutert. --- ## Worldsoft E-Mail: Umstellung von Atmail auf Roundcube URL: https://www.muenchen-webdesign.de/2020/02/26/worldsoft-email-umstellung-von-atmail-auf-roundcube/ ## Worldsoft E-Mail: Neue Webmail-Oberfläche und E-Mail-Infrastruktur Am 11. Februar 2020 informierte die Worldsoft AG ihre Kunden via Newsletter über die geplante Änderung der E-Mail-Infrastruktur wie folgt: Sehr geehrter …, seit letztem Jahr arbeiten wir an einer neuen E-Mail-Infrastruktur. Mit diesem Schritt können wir den E-Mail-Versand verbessern und den Empfang/Versand von Spam besser unterbinden. Seit Dezember 2019 wird diese neue Infrastruktur von Worldsoft im Live-Betrieb genutzt und als sehr gut befunden. Welche Änderungen entstehen dadurch für Sie? In der Nacht vom 23. auf 24. Februar wird die bisherige Webmail-Oberfläche von atmail durch die neue Webmail-Oberfläche von Roundcube ersetzt. Das Login und auch der Link zur Webmail bleiben für Sie gleich. Es ändert sich nur die Bedienoberfläche der Webmails. Wenn Sie Outlook, Thunderbird oder ein anderes E-Mail-Programm auf Ihrem PC verwenden, müssen Sie KEINE Änderungen vornehmen. Ende März werden wir zusammen mit unserem neuen Partner SpamExperts den E-Mail-Versand übernehmen. SpamExperts ist eine leistungsstarke E-Mail-Sicherheitslösung. Alle ein- & ausgehenden E-Mails werden gefiltert. Dadurch wird der Empfang und Versand verbessert und wir können Spam besser bekämpfen. Über das genaue Datum und den Ablauf der Umstellung werden wir Sie noch frühzeitig informieren. Die Umstellung wurde von Worldsoft planmäßig in der Nacht vom 23. auf den 24.02.2020 durchgeführt. ## Was bedeutet diese E-Mail-Umstellung für Worldsoft-CMS Kunden? Alle Worldsoft Kunden, welche - eine Website auf Basis des Worldsoft-CMS betreiben, und - eines oder mehrere der in den Worldsoft-CMS-Paketen enthaltenen E-Mail-Postfächer eingerichtet haben, und - die Nachrichten aus den Postfächern über die Webmail-Schnittstelle im Browser abfragen, müssen nun lediglich das Webmail über einen leicht veränderten Link (URL) aufrufen. Die alte URL für das Webmail sah bisher so aus: https://atmailXX.worldsoft-mail.net/mail (z.B. https://atmail05.worldsoft-mail.net/mail) Die neue URL für Webmail sieht nun so aus (der Teil /mail am Ende entfällt): https://atmailXX.worldsoft-mail.net/ (z.B. https://atmail05.worldsoft-mail.net/) ### Wichtige Hinweise: - Verwenden Sie bitte immer die **HTTPS**-Variante der URLs – nur dann ist gewährleistet, dass der Datenverkehr im Internet von und zu Ihrem Postfach **verschlüsselt** erfolgt. - Denken Sie bitte daran, ggf. gespeicherte **Favoriten / Lesezeichen / Bookmarks** in Ihrem Browser entsprechend zu aktualisieren oder neu zu erstellen. ## Was ist Roundcube? Roundcube ist die neue E-Mail-Infrastruktur für die mit dem Worldsoft-CMS mit zur Verfügung gestellten Postfächer. Das Webmail-Interface ist nun moderner, und auch die Technik darunter erlaubt beispielsweise eine bessere Filterung von Spam-Nachrichten. [](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/anmeldemaske-roundcube.jpg)Anmeldemaske zu Roundcube Webmail Eine Schnellanleitung zur Bedienung von Roundcube Webmail finden Sie unter [Worldsoft Support: Roundcube Webmail](https://www.fx-web.de/worldsoft-roundcube-webmail" target="_blank" rel="noopener noreferrer). ### Wichtiger Hinweis zur Schnellanleitung: Die in der Schnellanleitung angegebene Webmail-URL ([webmail.worldsoft-mail.net](https://webmail.worldsoft-mail.net/" target="_blank" rel="noopener noreferrer)) scheint Stand 26.02.2020 noch nicht durchgängig für alle bisherigen atmailXX-Server zu funktionieren. Nutzen Sie daher im Falle von auftretenden Fehlern zunächst weiterhin die URL https://atmail**XX**.worldsoft-mail.net/ (mit der für Sie gültigen Nummer anstelle des **XX** wie oben beschrieben) und versuchen Sie es in einigen Tagen nochmals. Sollte es dann noch immer nicht funktionieren, können Sie auch den Worldsoft Support unter (Anti-Spam-BOT-kodierte E-Mail-Adresse: support@worldsoft.ch) – zur Anzeige bitte JavaScript in Ihrem Browser aktivieren kontaktieren. Sollte die Anmeldung im Webmail jedoch bereits über die URL https://atmail**XX**.worldsoft-mail.net/ mit einem Fehler wie „Login failed“ scheitern, dann überprüfen Sie bitte, ob Ihr Passwort korrekt ist. Falls Sie Ihr Postfach-Passwort schon sehr lange nicht geändert haben sollten, so vergeben Sie bitte ein neues Passwort (möglicherweise entspricht Ihr Passwort nicht mehr den vor einiger Zeit bei Worldsoft eingeführten Passwort-Richtlinien). ### Passwort ändern / Weiterleitung einrichten / weitere Postfächer einrichten Wie Sie ein neues Passwort vergeben, eine Weiterleitung an ein anderes Postfach einrichten oder auch weitere Postfächer hinzufügen können finden Sie unter [Worldsoft Support: E-Mail-Postfächer](https://www.fx-web.de/worldsoft-email-postfach-einrichten" target="_blank" rel="noopener noreferrer) beschrieben. ## Einrichtung von Worldsoft E-Mail-Postfächern in E-Mail-Programmen Wie im Worldsoft-Newsletter schon beschrieben, ändert sich nichts an der Einrichtung Ihrer Postfächer in Mail-Programmen wie **Microsoft Outlook**, **Apple Mail**, **Mozilla Thunderbird** & Co. Eine Liste mit Anleitungen von Worldsoft zur Einrichtung des Postfachs in verschiedenen Mail-Programmen finden Sie bei uns im Blog-Artikel [Worldsoft E-Mail: Postfach-Einrichtung in Mail-Programmen](https://www.muenchen-webdesign.de/2020/02/29/worldsoft-e-mail-postfach-einrichtung-in-mail-programmen/). ## Trotzdem noch Probleme mit dem Worldsoft E-Mail-Postfach? Sollten Sie trotz Befolgung der obigen Hinweise noch Probleme bei der Anmeldung zum neuen Webmail oder der Einrichtung Ihres Postfachs in einem Email-Programm haben, wenden Sie sich bitte vertrauensvoll unter (Anti-Spam-BOT-kodierte E-Mail-Adresse: support@worldsoft.ch) – zur Anzeige bitte JavaScript in Ihrem Browser aktivieren an den Worldsoft Support. Bedenken Sie bitte, dass weder der Worldsoft Support noch wir eine Möglichkeit haben, Ihnen Ihr ggf. vergessenes Passwort zu übermitteln. Die Postfach-Passwörter werden bei der Vergabe verschlüsselt gespeichert, so dass niemand die Möglichkeit hat, dieses auszulesen. --- ## Zertifizierung: Microsoft Certified Azure Fundamentals URL: https://www.muenchen-webdesign.de/2020/02/16/zertifizierung-microsoft-certified-azure-fundamentals/ ## Um was geht’s? Wir haben am 28.01.2020 zu unseren bestehenden Zertifizierungen eine weitere wichtige Zertifizierung hinzugefügt: die Zertifizierung **Microsoft Certified Azure Fundamentals** [](https://www.fx-web.de/zertifizierungen" target="_blank" rel="noopener noreferrer) ## Vorbereitung auf die Zertifizierung Um diese Zertifizierung erfolgreich zu absolvieren waren neben der Teilnahme an einem Microsoft Training Day zu Azure Fundamentals noch einige weitere Tage an Selbststudium nötig. Microsoft bietet hierzu ein wirklich gut gelungenes [Online-Training zu Azure Fundamentals](https://docs.microsoft.com/en-us/learn/paths/azure-fundamentals/" target="_blank" rel="noopener noreferrer) an. Dieses Training können wir nur jedem wärmstens empfehlen, wenn die Prüfung ([AZ900 Microsoft Azure Fundamentals Exam](https://www.microsoft.com/learning/exam-AZ-900.aspx" target="_blank" rel="noopener noreferrer)) im ersten Anlauf bestanden werden soll. ## Hintergrund zur Zertifizierung Warum ist diese Zertifizierung so wichtig für die Zukunft von F/X Web Consulting? Immer mehr Unternehmen verlagern einen Teil ihrer IT-Systeme oder gar die gesamte IT-Infrastruktur in die Cloud. Sowohl bei großen Public Cloud Providern wie AWS (Amazon Web Services), Google Cloud, Microsoft Azure, oder auch bei kleineren Private Cloud Providern. Die Zukunft im Cloud-Computing bedeutet nicht nur ein Umdenken bei den Business-Entscheidern, sondern auch die Nutzung neuer Technologien wie Container (samt zugehöriger Container-Orchestrierungs-Lösung) und Micro-Services. Und was heute primär Enterprise-Unternehmen anspricht, wird über kurz oder lang auch den Mittelstand sowie auch kleinere Unternehmen erreichen. Um auf diese künftigen Entwicklungen vorbereitet zu sein, bilden wir uns in diesen Themen weiter. Und sorgen natürlich auch dafür, das erworbene Expertenwissen durch entsprechende Zertifizierungen nachzuweisen. ## Die Zertifizierungen von F/X Web Consulting im Überblick Einen vollständigen Überblick über unsere Zertifizierungen gibt es auf unserer Website unter [Unternehmen > Zertifizierungen](https://www.fx-web.de/zertifizierungen" target="_blank" rel="noopener noreferrer). Einfach mal vorbeischauen. --- ## F/X Web Consulting auf Platz 9 der Unternehmensberatungen in München URL: https://www.muenchen-webdesign.de/2020/01/11/f-x-web-consulting-auf-platz-9-der-unternehmensberatungen-in-muenchen/ ## Gelungene Überraschung Da haben wir als kleine Internetagentur mal nicht schlecht gestaunt, weil wir zuvor nichts davon wussten – wir sind in den Top 10, nämlich auf Platz 9 der Unternehmensberatungen in München! Denn am 10. Januar 2020 flattert uns eine E-Mail von 11880.com mit folgendem Text ins Postfach: Betreff: Ihre aktuellen Bewertungen im Netz! Hallo sehr geehrte Damen und Herren, mit **5 Sternen aus 29 Bewertungen auf 4 Portalen** gehören Sie zu den Besten in Ihrer Branche in München. Aus diesem Grund zeichnen wir Sie heute mit Ihrem persönlichen Bewertungssiegel aus. So können Sie mit Ihren guten Bewertungen kostenlos auf Ihrer Website werben. … Mit freundlichen Grüßen Ihr werkenntdenBESTEN Team Wir waren uns gar nicht darüber im Klaren, dass wir innerhalb der letzten acht Jahre derart viele Bewertungen erhalten haben, und die Freude darüber war entsprechend riesig. Dass wir mit diesem exzellenten Bewertungs-Ergebnis für **Unternehmensberatungen in München** auf unserer Website werben können muss man uns nicht zweimal sagen. Innerhalb kürzester Zeit haben wir unseren [Unternehmenseintrag auf werkenntdenbesten.de](https://www.werkenntdenbesten.de/e/B102692446/unternehmensberatung/muenchen/f-x-web-consulting-bewertungen.html" target="_blank" rel="noopener noreferrer) vervollständigt. Gleich im Anschluss haben wir dann das Bewertungssiegel auf unserer [Kundenfeedback-Seite](https://www.fx-web.de/kundenfeedbacks" target="_blank" rel="noopener noreferrer) in der Seitenleiste integriert. Denn wie der Volksmund so schön sagt: **_Klappern gehört zum Geschäft!_** ## Unser Unternehmenseintrag bei werkenntdenBESTEN.de So sieht unserer Unternehmenseintrag in der Kategorie Unternehmensberatungen in München auf der Website von **wer kennt den BESTEN** nun aus: [](https://www.muenchen-webdesign.de/wp-content/uploads/2020/01/2020-01-11-FX-Web-Consulting-in-München-Unternehmensberatung-29-Bewertungen-und-Empfehlungen-–-werkenntdenBESTEN.de_.jpg)Internetagentur F/X Web Consulting auf Platz 9 der Unternehmensberatungen in München – 29 Bewertungen & Empfehlungen ## Das Bewertungssiegel-Widget auf unserer Website So haben wir das Bewertungssiegel-Widget von werkenntdenBESTEN.de auf [www.fx-web.de](https://www.fx-web.de/kundenfeedbacks" target="_blank" rel="noopener noreferrer) integriert: [](https://www.muenchen-webdesign.de/wp-content/uploads/2020/01/2020-01-11-Kundenfeedbacks-FX-Web-Consulting-Internetagentur-München-werkenntdenBESTEN.de-Bewertungssiegel.jpg)werkenntdenBESTEN.de-Bewertungssiegel Es war allerdings (das ist für uns bei solchen Integrationen aber nicht ungewöhnlich sondern schon fast Tagesgeschäft) – noch etwas Nacharbeit mit CSS-Formatierungen nötig, bis der integrierte Bewertungssiegel-Banner auch wirklich auf allen Bildschirmformaten sauber (responsive) dargestellt wird. Aber wer uns kennt weiß auch, dass **wir nur 100% saubere Ergebnisse abliefern** – und dazu gehört auch, dass eine Website nicht nur auf großen Desktop-Monitoren sondern eben auch auf jedem Tablet und jedem SmartPhone gut aussieht. ## Dankeschön Wir freuen uns sehr über diese für uns doch beeindruckende Anzahl an 5-Sterne-Bewertungen und den aktuell **9. Platz in der Kategorie Unternehmensberatungen in München**. Wir möchten uns an dieser Stelle deshalb auch nochmals **herzlichst bei allen bedanken**, die uns bewertet haben! Das spornt uns an, auch in Zukunft nur erstklassige Ergebnisse abzuliefern – in der Beratung, im Webdesign und in der Umsetzung. --- ## Die moderne Website 2019: Attraktiv, nutzerfreundlich und rechtssicher URL: https://www.muenchen-webdesign.de/2019/10/14/die-moderne-website-2019-attraktiv-nutzerfreundlich-und-rechtssicher/ ## Worum geht’s? Unternehmer sollten ihren Onlineauftritt so gestalten, dass Kunden dort möglichst lange verweilen und gerne wieder dorthin zurückkehren. Das gilt für jede kommerzielle Website – auch 2019. Die firmeneigene Website ist für jedes Unternehmen ein wichtiges Aushängeschild: Sie informiert über das Leistungsangebot, die Firmenphilosophie sowie die Kontaktdaten. Gleichzeitig soll sie die Besucher und natürlich insbesondere **potenzielle Kunden neugierig machen**, und ihr Interesse für die dort präsentierten Produkte und Dienstleistungen wecken. ## Wie geht’s? Darum ist es wichtig, die Internetseite individuell und sorgfältig auf das jeweilige Unternehmen abzustimmen, sowie stets aktuell zu halten. Es gilt zudem, bei der Gestaltung einige Regeln zu beachten, um die Verweildauer und Aufmerksamkeitsspanne der Besucher zu verlängern. „_So sollten die Seiten einen schnellen Überblick ermöglichen, gleichzeitig modern und ästhetisch anspruchsvoll wirken_“, erläutert Franz X. Kohl. Der 53-jährige Web Consultant und Webdesigner aus München entwickelt mit seiner [Internetagentur F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noopener noreferrer) seit 2012 Webauftritte für Freiberufler, Firmen und Vereine. [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2017-12-22-fx-web.de-responsive-web-design-4-screens-copyright.jpg)Screenshot der Website von F/X Web Consulting im Responsive Webdesign ## So geht’s – die Website 2019 und in Zukunft Das Webdesign beinhaltet das ästhetische Seitendesign mit Aufbau, Schriftarten, Formen und Farben, in der Regel am vorhandenen oder zu entwickelnden Corporate Design. Aber bevor er im ersten Beratungsgespräch mit dem Kunden über Design spricht, stellt er eine viel wichtigere Frage: „_Was wollen Sie mit Ihrer Website erreichen?_“ Denn die Antwort darauf bestimme darüber, wie die Internetseite inhaltlich und strukturell gestaltet wird. Sie liefere aber auch den Rückschluss darauf, ob der Kunde über die Website hinaus – die in der Regel das Zentrum für das digitale Unternehmens-Marketing darstellt – auch noch Bedarf an **ergänzenden Internet-Marketing-Instrumenten** wie beispielsweise E-Mail-Direkt-Marketing, einen Unternehmens-Blog oder Social Media Auftritte hat. „_Egal wie umfangreich es dann wird – am Ende sollte alles aufeinander abgestimmt sein und miteinander harmonieren_“, ist Franz X. Kohl überzeugt. Das Interesse der Onlinebesucher lasse sich mit Bewegtbildern und Videosequenzen wecken, vor allem aber durch eine übersichtliche Seitenstruktur – z.B. mit Hilfe sogenannter Akkordeons, so der Experte. Im Mittelpunkt stehe die sogenannte User Experience (UX), wörtlich übersetzt: Nutzererfahrung. „_Ein Unternehmen, das in seinem Onlineangebot eine gute UX erreicht, erleichtert die Neukundengewinnung, stärkt die Kundenbindung und steigert letztlich den Umsatz_“ ist der Web Consultant überzeugt. Hilfreich seien Kontaktmöglichkeiten auf der Webseite, etwa mittels E-Mail oder Kontaktformular, per Social Media und Blogs, sowie telefonische Rückruf-Funktionen. ## Beispiele Den Internetauftritt der Münchner Firma [DAFSA Baustoffhandel GmbH & Co. KG](https://www.dafsa-baustoffhandel.de/" target="_blank" rel="noopener noreferrer) beispielsweise hat F/X Web Consulting streng nach den Vorgaben des Familienbetriebs konzipiert: hochwertig, modern, klar, übersichtlich, schlicht, gut strukturiert – „_denn weniger ist oft mehr_“, erklärt Franz X. Kohl. [](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/2019-08-24-dafsa-baustoffhandel.de-MIX-copyright.jpg)Screenshot der Website von DAFSA Baustoffhandel GmbH & Co. KG – www.dafsa-baustoffhandel.de Ein weiteres Beispiel sei die Website des [Café Blücher in München-Milbertshofen](https://www.bluecher-bar.de/" target="_blank" rel="noopener noreferrer). „_Die Hintergrundbilder wurden alle vom Betreiber der Gaststätte selbst fotografiert, und spiegeln die Vielfalt der angebotenen Getränke und Speisen des Betriebs wider_“, so Kohl. [](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/2013-11-bluecher-bar.de-responsive-web-design-4-screens-copyright.jpg)Screenshot der Website des Café Blücher – www.bluecher-bar.de ## Auch noch wichtig Um das Nutzererlebnis zu verbessern, seien überdies authentische Fotos, Kundenreferenzen und Feedbacks von Kunden gut geeignet. Ähnlich wichtig sind sogenannte **Call-to-Action**-Möglichkeiten, also „Einladungen“ an den Besucher, mit dem Unternehmen in Kontakt zu treten. Dies kann z.B. durch die Möglichkeit zur Registrierung für einen Newsletter oder auch der Download von kostenfreien Informationen wie Imagebroschüren oder Produktflyern sein. ## Extrem wichtig In jedem Fall unabdingbar: **Die Webseiten müssen für mobile Endgeräte optimiert werden.** Die Inhalte werden dabei so gestaltet, dass sie sich auf Smartphones und kleinen Tablets mit ihren vergleichsweise kleinen Bildschirmen gut darstellen lassen. Das sogenannte Responsive Design sorgt dafür, dass sich die Webseite automatisch an die Bildschirmgröße des genutzten Endgeräts anpasst. **Google bevorzugt** im Ranking der Suchanfragen im Übrigen **die mobilen Webseiten im Responsive Design**. „_Wer darauf verzichtet, muss damit rechnen, dass die Homepage beim Google-Ranking in den Suchresultaten viel weiter hinten landet — was die Zahl der Seitenaufrufe und damit die Reichweite für neue potentielle Kunden deutlich reduziert_“, unterstreicht Franz X. Kohl abschließend. ## Fazit Eine moderne Unternehmens-Website muss 2019 und auch die nächsten Jahre attraktiv, nutzerfreundlich und rechtssicher sein. **Besinnen Sie sich auf Ihre Kernkompetenzen** und **geben Sie die Erstellung Ihrer Internetseite in professionelle Hände** wie die der [Münchner Internetagentur F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noopener noreferrer). Wir von F/X Web Consulting haben leider schon zu viele Webseiten gesehen, die nach bestem Vermögen vom Unternehmer selbst oder jemandem aus seinem Umfeld mit Hilfe eines **Homepagebaukasten** „günstig“ erstellt wurden. Aber genau so sehen die Ergebnisse dann auch aus: austauschbare Design die man schon auf vielen anderen Websites gesehen hat, fehlerhafte Inhalte, fehlende (und damit abmahnfähige!) Quellenverweise auf Bilder, rechtlich unzureichende Cookie-Abfragen, und einiges mehr. Und diese Art von **Unprofessionalität schreckt potentielle Interessenten eher ab**, da diese dann oft entsprechende Rückschlüsse auf die Qualität der beworbenen Produkte und Dienstleistungen ziehen und sich lieber einem Mitbewerber mit einer Website aus Expertenhand zuwenden. Noch schlimmer ist es, wenn wir eine veraltete, fehlerhafte oder im schlimmsten Fall gar keine **Datenschutzerklärung** oder **Impressum** finden – denn damit sind Tür und Tor für eine **Abmahnung durch Mitbewerber** und **auf Abmahnungen spezialisierte Anwaltskanzleien** offen, gegen die sie sich nur eingeschränkt „wehren“ können. Und dies in der Regel auch nur unter Zuhilfenahme eines entsprechend versierten Fachanwalts für Internetrecht. F/X Web Consulting ist [Premium-Agenturpartner bei eRecht24](https://www.fx-web.de/erecht24-agency" target="_blank" rel="noopener noreferrer), und kann Ihnen dadurch immer die aktuellen rechtlichen Ansprüche vermitteln und in Ihrer Website umsetzen. **Vertrauen Sie mit Ihrer Website 2019 und die nächsten Jahre auf professionelle Experten-Unterstützung – vertrauen Sie auf F/X Web Consulting.** --- ## Die Auswirkungen der aktuellen EuGH Urteile zu Cookies, Einwilligung und Google Analytics für Webseitenbetreiber URL: https://www.muenchen-webdesign.de/2019/10/11/die-auswirkungen-der-aktuellen-eugh-urteile-zu-cookies-einwilligung-und-google-analytics-fuer-webseitenbetreiber/ ## Vorabinformation zum EuGH-Urteil zu Cookies Der Europäische Gerichtshof (EuGH) hat am 1. Oktober 2019 entschieden: wenn Internetnutzer dazu bereit sind, personenbezogene Daten preiszugeben, müssen sie dies dem Websitebetreiber künftig durch einen Klick **aktiv** mitteilen. Das von deutschen Verbraucherschützern erstrittene Urteil verursacht neue datenschutzrechtliche Umstellungen für Webseitenbetreiber. In der Entscheidung des EuGH ging es um „Cookies”-Hinweise, also jene im Netz ständig auftauchenden Hinweise auf kleine Textdateien, die Informationen über den Nutzer, seinen Computer und die verwendete Software enthalten können. Teils werden diese Dateien benutzt, damit überhaupt eine Navigation auf der Seite möglich ist, teils, um Nutzer wiederzuerkennen, und auch, um Informationen über das Verhalten der Nutzer zu erlangen und entsprechend Werbung zu schalten. Die im Folgenden zur Verfügung gestellten Informationen basieren größtenteils auf einem Artikel, welchen eRecht24 am 02.10.2019 ihren eRecht24 Premium-Mitgliedern und -Agenturen (wie [F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noopener noreferrer)) zur Verfügung gestellt hat. **F/X Web Consulting übernimmt keinerlei Haftung für die Korrektheit und Vollständigkeit dieser Informationen.** Dieser Artikel stellt auch keine rechtliche Beratung dar (die wir auch gar nicht leisten dürften) und kann eine solche auch nicht ersetzen. Wenden Sie sich deshalb im Zweifelsfall bitte an einen auf Internetrecht spezialisierten Juristen. ## Inhalt - Google Analytics und Cookies vor der DSGVO - Google Analytics nach der DSGVO - Tracking-Cookies nach den aktuellen EuGH-Urteilen - Welche Möglichkeiten für eine Einwilligung empfiehlt eRecht24? - Die Anpassung der Datenschutzerklärung nicht vergessen - Checkliste für Consent Tools - Was mache ich, wenn mir keine der Lösungen zusagt? - Ab wann/bis wann muss die Einwilligungslösung auf Webseiten umgesetzt werden? - Gibt es denn wirklich keine Lösung ohne Einwilligung? - Was macht eRecht24? ## 1. Google Analytics und Cookies vor der DSGVO Vor der DSGVO war die rechtssichere Einbindung von **Google Analytics** möglich. Was Cookies angeht, gab es in Deutschland (aus sehr komplizierten juristischen Gründen, die wir hier nicht erläutern) die Auffassung, dass bei Third Party Cookies ein Opt-Out genügt. Man informierte den Nutzer per Cookie-Banner, hat die Cookies aber trotzdem gesetzt. Der Nutzer musste dann irgendwie widersprechen. Das geht aber nach den letzten EuGH-Urteilen nun nicht mehr. ## 2. Google Analytics nach der DSGVO Mit Einführung der DSGVO wurde darauf verwiesen, dass diese Frage erst durch die ePrivacy-Verordnung geregelt wird und sich Webseitenbetreiber bis dahin auf das berechtige Interesse in Art. 6 Abs. 1 lit. f DSGVO zu setzen. eRecht24 waren aber bereits erste Bußgeldandrohungen von Datenschutzbehörden im Zusammenhang mit Google Analytics, Criteo und Double Click bekannt geworden. Es wurden noch keine Bußgelder verhängt. Es handelte sich bisher lediglich um Androhungen von Bußgeldern durch die Bayerischen und Niedersächsischen Datenschutzbehörden. Auch die anstehende ePrivacy-Verordnung wird Third Party Tracking Cookies nicht mehr unbegrenzt ohne Einwilligung zulassen. Das berechtigte Interesse wird bei Google Analytics also nicht helfen. ## 3. Tracking-Cookies nach den aktuellen EuGH Urteilen Es gab in den letzten Wochen mehrere Urteile des EuGH, in der diese Fragen behandelt wurden. Kurz zusammengefasst: **Tracking-Cookies dürfen nicht mehr ohne echte Einwilligung der Nutzer gesetzt werden.** Dabei ist es wohl egal, ob in den Cookies tatsächlich personenbezogene Daten gespeichert werden oder ob nur anonyme Daten gespeichert werden. Es sind aber nicht alle Cookies betroffen. Weiter ohne Einwilligung erlaubt sind so genannte First Party Cookies, die für eine Webseite erforderlich sind. Das sind beispielsweise - Warenkorb-Cookies - Cookies für Logins - Cookies die eine Länder- oder Sprachauswahl betreffen - Cookies, die Consent Tools für die Cookie Einwilligung setzen Im Wesentlichen geht es bei der aktuellen Diskussion also um Marketing- und Tracking-Cookies. eRecht24 empfiehlt deshalb, Google Analytics & Co. nur noch mit vorheriger Einwilligung über ein Consent Tool einzusetzen. ## 4. Welche Möglichkeiten für eine Einwilligung empfiehlt eRecht24? ### Usercentrics eRecht24 bietet allen eRecht24 Premium-Nutzern eine Consent-Lösung von Usercentrics an, das für viele Webseiten unabhängig von einem CMS die Einwilligungen abfragt. Die Lösung ist unter “Cookie Einwilligung” bereits im eRecht24 Projekt-Manager integriert. Das Tool deckt die wichtigsten Dienste wie Google Analytics ab. Das Tool ist **ohne Zusatzkosten exklusiv in eRecht24 Premium** enthalten. Da die Lösungen von Usercentrics in der Regel mehrere hunderte Euro im Monat kosten, können eRecht24 Premium-Nutzer so viel Geld sparen. Die Vereinbarung mit Usercentrics gilt aber deshalb auch **nur für eRecht24 Premium Nutzer. ** **Ausnahme:** eRecht24 Premium-Agentur-Mitglieder wie F/X Web Consulting können diese Lösung auch für die Webseiten Ihrer Kunden ohne Zusatzkosten über den eRecht24 Projekt-Manager nutzen. Da das Tool unabhängig von einem CMS auf möglichst vielen Webseiten funktioniert, benötigt man für die korrekte Einbindung allerdings etwas Programmierungs-Know-How. Falls Sie diese Möglichkeit nutzen möchten, nehmen Sie bitte [Kontakt mit F/X Web Consulting](https://www.fx-web.de/696/kontakt" target="_blank" rel="noopener noreferrer) auf. ### Borlabs Cookie Wenn Sie mit WordPress arbeiten und ein PlugIn nutzen wollen, empfiehlt eRecht24 **Borlabs Cookie**. eRecht24 hat mit Benjamin Bornschein, dem CEO und Entwickler von Borlabs Cookies, einen **Rabatt von bis zu 45% für eRecht24 Premium Nutzer** vereinbart. Auch hier war Voraussetzung, dass der Rabatt** nur für eRecht24 Premium Nutzer** gilt. **Ausnahme:** eRecht24 Premium-Agentur-Mitglieder wie F/X Web Consulting können dieses Rabatt-Angebot auch für die Webseiten Ihrer Kunden nutzen. Falls Sie diese Möglichkeit nutzen möchten, nehmen Sie bitte [Kontakt mit F/X Web Consulting](https://www.fx-web.de/696/kontakt" target="_blank" rel="noopener noreferrer) auf. ### Consent Management Provider (CMP) Das Tool [Consent Management Provider](https://www.consentmanager.de/" target="_blank" rel="noopener noreferrer) funktioniert ebenfalls unabhängig von einem bestimmten CMS. Es gibt eine kostenlose Variante für bis zu 10.000 Page Views/ Monat. Wir verhandeln auch hier mit dem Anbieter Jan Winkler über einen exklusiven Rabatt für Premium Nutzer für die kostenpflichtigen Versionen: ## 5. Die Anpassung der Datenschutzerklärung nicht vergessen Wenn Sie die hier vorgestellten Tools nutzen, dann müssen Sie auch Ihre Datenschutzerklärung anpassen. Wir nehmen einen entsprechenden Passus zu diesen Diensten in den nächsten Tagen in unseren Datenschutz-Generator auf. ## 6. Checkliste für Consent Tools - Die Einwilligung muss durch den Nutzer gesetzt werden und darf nicht schon per default angekreuzt sein - Das Tool muss vor der Einwilligung alle Cookies (bis auf das eigene Cookie des Consent Tools) blocken - Cookies dürfen erst nach der Einwilligung des Nutzers gesetzt werden - Es muss in der Einwilligungsbox jedes Tool einzeln benannt sein - Die Einwilligungen können (nach aktuellem Stand) in Gruppen zusammengefasst sein und müssen nicht für jedes Tool einzeln erklärt werden - Stellen Sie Ihr Consent Tool in Ihrer Datenschutzerklärung dar ## 7. Was mache ich, wenn mir keine der Lösungen zusagt? Egal ob aus technischen, wirtschaftlichen oder rechtlichen Überlegungen: Wenn Sie keine Lösung auf dem Markt finden, die ihren Ansprüchen gerecht wird bleibt nur, eine Lösung für Ihre Webseiten und Dienste selbst entwickeln zu lassen. ## 8. Ab wann/bis wann muss die Einwilligungslösung umgesetzt werden? Das aktuelle EuGH Urteil (Werbeeinwilligung Planet49) vom 01. Oktober 2019 entscheidet den ursprünglichen Fall nicht, dieser geht erst einmal zurück zum BGH. Genau wie der EuGH-Fall zum Facebook Button (Fashion ID) erst einmal zurück zum OLG Düsseldorf geht. **Aber:** Die deutschen Gerichte werden sich in ihren Urteilen an die Vorgaben des EuGH halten. Und die Datenschutzbehörden werden wohl ebenfalls dieser Auffassung folgen. Deswegen gibt es hier keine festen Fristen für die Umsetzung. Sie sollten sich aber nicht zu viel Zeit lassen, da seit dem 01. Oktober 2019 die Meinung des EuGH (zumindest teilweise) klar ist. Nur teilweise deshalb, weil das gesamte Urteil des EuGH Urteils zu Cookie Einwilligungen erst in einigen Tagen im Original vorliegen wird. ## 9. Gibt es denn wirklich keine Lösung ohne Einwilligung? Doch. Aber mit viel händischem Aufwand und nicht ohne juristisches Risiko. So ist zum Beispiel eine Frage, ob Tracking ohne Einwilligung etwa über lokal eingebundene Dienste wie Matomo weiter möglich ist. Oder ob die EuGH-Urteile auch einen Dienst wie eTracker betrifft, der aktuell davon ausgeht, dass für das Tracking keine gesonderte Einwilligung nötig ist. Hinzu kommen dann aufwändige händische Lösungen für Ihre Seite bzw. Ihr individuelles CMS, die die eine ungefragt Datenübertragung durch die unzähligen Tools und PlugIns auf Webseiten einzeln verhindern. Ein Beispiel, wie die Umsetzung dann für eine WordPress-Seite aussehen kann, finden Sie hier: [https://raidboxes.de/dsgvo-wordpress-technische-massnahmen/](https://raidboxes.de/dsgvo-wordpress-technische-massnahmen/" target="_blank" rel="noopener noreferrer) ## 10. Was macht eRecht24? - Wir haben die DSGVO konsequent dazu genutzt, Dienste zu entfernen, die ungefragt auf Nutzerdaten zugreifen. - Was Social Media, Likes und Shares auf Facebook, Twitter, LinkedIn, Xing & Co. angeht, nutzen wir ausschließlich unser eigenes Safe Sharing Tool. Hier werden beim „Betreten“ der Webseite keine Daten an die Social Media Plattformen übertragen. - Was das Tracking angeht haben uns dazu entschlossen, Google Analytics aktuell nicht zu nutzen. - Wir prüfen, ob die Lösung von eTracker perspektivisch auch ohne Einwilligung nutzbar ist. - Wir werden auf den Seiten von eRecht24 für die Dienste, die eine Einwilligung benötigen, ebenfalls die Lösung von Usercentrics einsetzen. --- ## Tipps & Tricks: Anonym im Internet surfen – wie geht das? URL: https://www.muenchen-webdesign.de/2019/09/15/anonym-im-internet-surfen-wie-geht-das/ **Wer im Internet unterwegs ist oder lediglich etwas liest, hinterlässt überall Spuren – und zwar oft mehr als ihm oder ihr lieb ist. Hier ein paar Tipps dazu, wie Sie anonym im Internet surfen können ohne zu viel über sich preiszugeben.** ## Anonym surfen? [](https://www.muenchen-webdesign.de/wp-content/uploads/2019/09/Browser-Icons-With-Privacy-Mask.jpg)Ist es Ihnen auch schon passiert, dass Ihr Computer Ihnen im Browser beim Surfen oder auch in Apps plötzlich Produkte zum Kauf vorschlägt, nach denen Sie ein paar Tage vorher noch gesucht hatten? Natürlich ist es bequem, dass Ihr Online-Buch-Shop Ihnen bereits nach der ersten Bestellung nur noch artverwandte Bücher empfiehlt. Aber spätestens wenn die ersten an Sie persönlich adressierten Spam-Mails in Ihrem Postfach auftauchen, oder Werbeanzeigen beim nächsten Internet-Besuch exakt das gleiche Produkt darstellen, das Sie vor kurzem gesucht hatten, wird offensichtlich: Ein wenig anonymer im Internet wäre manches Mal nicht verkehrt. Hier ein paar einfache Verhaltensweisen, mit denen Sie weniger Spuren im Netz hinterlassen. ## Alternativen zu Google nutzen: anonyme Suchmaschinen Wenn Sie vermeiden wollen, all zu viele Daten von sich preiszugeben, können Sie auf spezielle Suchmaschinen ausweichen. Denn große Anbieter wie Google, Bing oder Yahoo speichern neben Ihren eingegebenen Suchbegriffen auch Ihre IP-Adresse (Internet-Protocol-Adresse). Anhand dieser IP-Adresse kann ein Website-Besuch, ein Download und viele weitere Aktivitäten jederzeit Ihrem Internet-Anschluss – und damit Ihnen selbst bzw. Ihrem Haushalt – zugeordnet werden. Um das zu verhindern, können Sie auf die Funktion **Privates Surfen** umsteigen. Beachten Sie jedoch, dass mit dieser Funktion je nach Browser zwar keine Seiteninformationen, Sucheinträge oder sonstige Ihrer Aktivitäten im Browser gespeichert und weitergeleitet werden, Ihre IP-Adresse aber weiterhin erkennbar ist. Die verschiedenen gängigen Browser haben unterschiedliche Bezeichnungen für die Funktion des privat Surfen verwendet – hier die entsprechenden Benennungen: - **Google Chrome**: [Inkognitomodus](https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=de" target="_blank" rel="noopener noreferrer) (Inkognitofenster) - **Mozilla Firefox**: [Privater Modus](https://support.mozilla.org/de/kb/privater-modus" target="_blank" rel="noopener noreferrer) (Privates Fenster) - **Microsoft Edge** & **Internet Explorer**: [InPrivate-Browsen](https://support.microsoft.com/de-de/help/4026200/microsoft-edge-browse-inprivate" target="_blank" rel="noopener noreferrer) (InPrivate-Fenster) **Apple Safari**: - Mac: [Privates Surfen](https://support.apple.com/de-de/guide/safari/ibrw1069/mac" target="_blank" rel="noopener noreferrer) (Privates Fenster) - iPhone, iPad, iPod touch: [Privates Surfen](https://support.apple.com/de-de/HT203036" target="_blank" rel="noopener noreferrer) - **Opera**: [Privatmodus](https://help.opera.com/de/touch/privatmodus/" target="_blank" rel="noopener noreferrer) Suchmaschinen wie **Duck Duck Go** ([https://duckduckgo.com](https://duckduckgo.com/" data-tealium-rel="content.text.httpsduckduckgocom)) verzichten hingegen auf diese Speicherung – und greifen dabei dennoch auf die Suchergebnisse der großen Anbieter zurück – so bleiben Sie unerkannt. Wir bei [F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noopener noreferrer) nutzen diese Möglichkeit sehr oft – ganz besonders dann, wenn wir für uns oder auch für Kunden herausfinden wollen, wie deren Websites bei Google & Co. gelistet werden. Denn wenn man hier ein einigermaßen zuverlässiges Ergebnis erhalten möchte, darf die Suchmaschine den Sucher und dessen Computer nicht „wiedererkennen“ – was in der Regel im Privat-Modus gewährleistet ist. ## **Augen auf bei Cookies** Die einfachste Maßnahme ist es, auf den Einsatz von Cookies zu verzichten. Cookies sind kleine Datenpakete, die bestimmte Websites auf Ihrem Computer speichern. Dort befinden sich dann beispielsweise Informationen darüber, nach welchen Artikeln Sie gesucht und welche Sie erworben haben. Sie können diese Funktion meist im Einstellungsmenü Ihres Browsers abschalten. **Manche Websites funktionieren jedoch ohne Cookies nicht mehr korrekt.** Eine Alternative ist es deshalb Cookies zuzulassen, diese aber in regelmäßigen Abständen zu löschen. Auch diese Löschfunktion befindet sich bei den meisten Browsern im Einstellungsmenü (oft auch über die Tastenkombination STRG+SHIFT+ENTF schnell erreichbar). Dort sollten Sie auch in regelmäßigen Abständen die Liste der von Ihnen besuchten Internetadressen (Historie/Verlauf), die gespeicherten Kennwörter, gespeicherte Formulareinträge und sonstige gespeicherte Daten löschen. Außerdem sollten Sie keinesfalls wichtige Kennwörter oder Zugangsdaten in Ihrem Browser speichern, da sie dort für Hacker und Dritte mit etwas Know-How relativ leicht zugänglich sind. Verwenden Sie stattdessen lieber einen Passwort-Manager wie [Keepass](https://keepass.info/" target="_blank" rel="noopener noreferrer) oder [Enpass](https://www.enpass.io/" target="_blank" rel="noopener noreferrer). ## Anonym surfen mit Hilfe von Browser Add-ons Nutzen Sie sogenannte Add-ons, um Ihren Besuch im Internet so sicher und anonym wie möglich zu gestalten. Add-ons sind Erweiterungen, die in Browsern wie Mozilla Firefox oder Google Chrome hinzugefügt werden können, um Skriptsprachen wie JavaScript und Flash auszuschalten. Skriptsprachen sind zum Aufruf von dynamischen Inhalten wie Videos oder auch zur Validierung von Formularinhalten notwendig. Jedoch können über Skriptsprachen auch die Interaktionen des Internet-Nutzers ausgewertet bzw. nachverfolgt werden. Mit Add-ons können Sie JavaScript/Flash (z.B. mit [NoScript](https://noscript.net/" target="_blank" rel="noopener noreferrer)) sowie Werbe-Blocker (z.B. mit [Adblock Plus](https://adblockplus.org/de/" target="_blank" rel="noopener noreferrer)) einfach per Kopfdruck ein- oder ausschalten, um keine Spuren zu hinterlassen. ## Virtuelle „Tarnkappe“ via Tor Browser oder Proxy-Server Alternativ können Sie über den [Browser Tor](https://www.torproject.org/" target="_blank" rel="noopener noreferrer) anonym im Internet surfen. Bei diesem Browser werden eine Reihe anonymer Knotenpunkte hintereinander genutzt um Ihre Spuren zu verwischen. Eine weitere, altbekannte Möglichkeit im Internet anonym unterwegs zu sein ist die Nutzung eines sogenannten [Proxy-Servers](https://de.wikipedia.org/wiki/Proxy_(Rechnernetz)" target="_blank" rel="noopener noreferrer) (oft einfach nur Proxy genannt). Indem Sie Ihren Datenverkehr über diese Zwischenstelle „tunneln“ verwischen Sie Ihre Spuren. Mit Nutzung eines Proxy-Servers ist Ihre wahre IP-Adresse im Internet nicht mehr erkennbar. Für „Datenkraken“ wird es so wesentlich schwieriger herauszufinden, wer eine bestimmte Website tatsächlich besucht hat. Eine Liste von kostenlosen Proxy-Servern und wie man diese einrichtet finden Sie über die Suchmaschine mit den Suchbegriffen „proxy server nutzen kostenlos“ oder auch [direkt hier](https://www.netzwelt.de/proxy/index.html" target="_blank" rel="noopener noreferrer). Des weiteren können Sie auch ein [Tor Netzwerk](https://de.wikipedia.org/wiki/Tor_%28Netzwerk%29" target="_blank" rel="noopener noreferrer) nutzen. Dieses dient dazu, Ihr Netzwerk von Verbindungsdaten zu anonymisieren und damit zu verhindern, dass jemand Ihren Datenverkehr analysiert. ## Pseudonyme verwenden Zu guter Letzt sollten Sie es wann immer möglich vermeiden persönliche Angaben preiszugeben. Dies gilt vor allem für Seiten die leicht für andere zugänglich sind, wie z.B. **Profile in Foren**. Verwenden Sie dort nach Möglichkeit ein Pseudonym anstelle Ihres richtigen Namens. Für private Interessen lohnt sich auch die Einrichtung einer zusätzlichen E-Mail-Adresse (meist bei bei einem kostenlosen E-Mail-Anbieter). Auch hier sollten Sie als Adresse ein Pseudonym wählen, das keine Rückschlüsse auf Ihren vollständigen Namen zulässt. Manche Seiten, wie z.B. Karrierenetzwerke, lassen jedoch keine Verwendung von Pseudonymen zu. Hier sollten Sie genau überlegen welche persönlichen Daten Sie von sich preisgeben und welche sich später eventuell einmal schädlich auf Ihre Karriere auswirken könnten. Wenn Sie einen Zugang zu einem Forum, zu einem sozialen Netzwerk oder auch zu einem Online-Shop nicht mehr verwenden, dann löschen Sie diesen. Falls das nicht möglich sein sollte fordern Sie den Betreiber der Seite auf, Ihre Daten vollständig zu entfernen. ## Fazit Sie kennen nun verschiedene Möglichkeiten wie Sie anonym im Internet surfen können, die meisten davon sogar kostenlos. Wenn Sie im Artikel eine Möglichkeit vermissen, oder eine bevorzugte Methode oder Software zum anonymisierten Surfen haben, dann lassen Sie es uns unten in den Kommentaren wissen. --- ## Regional: F/X Web Consulting jetzt auch auf nebenan.de URL: https://www.muenchen-webdesign.de/2019/07/19/regional-auf-nebenan-de/ ## F/X Web Consulting ist jetzt auch regional auf nebenan.de vertreten Als Unternehmen mit regionalem Fokus ist uns die Stärkung lokaler Geschäfte und Unternehmer ein Anliegen. Deshalb sind wir Mitglied im regionalen Verein [Unternehmer für Feldmoching e.V.](https://www.die-feldmochinger.de/unternehmen/fx-web-consulting/" target="_blank" rel="noopener noreferrer), und deshalb auch seit kurzem mit einem Gewerbeprofil auf der Nachbarschafts-Plattform nebenan.de vertreten. Hier geht’s zu unserem Gewerbeprofil: [https://nebenan.de/places/businesses/3301](https://nebenan.de/places/businesses/3301" target="_blank" rel="noopener nofollow noreferrer" data-ft="{"tn":"-U"}" data-lynx-mode="async) ## Screenshot: Screenshot: Gewerbeprofil von F/X Web Consulting auf nebenan.de Ach ja – „liken“ geht bei nebenan.de auch ganz leicht – einfach auf das „Empfehlen“-Herz klicken! ## Eure Meinung? Wir sind neugierig: Lokale Unternehmen mit Fokus auf regional – wie findet ihr das? Einfach Kommentar hinterlassen! --- ## Branchenfilter-Funktion für unsere Kundenreferenzen URL: https://www.muenchen-webdesign.de/2019/06/15/branchenfilter-fuer-kundenreferenzen/ ## Branchenfilter – worum geht’s? Nachdem wir mittlerweile **mehr als 30 Kundenreferenzen** auf unserer Referenzen-Seite präsentieren, und diese bislang lediglich chronologisch nach Kalenderjahren gruppiert waren, wurde es langsam unübersichtlich… …also haben wir kürzlich eine Filtermöglichkeit eingebaut, der es unseren Interessenten erlaubt, sich gezielt Kundenreferenzen aus bestimmten Branchen und Unter-Branchen anzeigen zu lassen: [](https://www.fx-web.de/749/unternehmen/kundenreferenzen" target="_blank" rel="noopener noreferrer)Screenshot: Neuer Branchenfilter für unsere Kundenreferenzen ## Technik? Hier kommt eine Mischung aus JavaScript/jQuery und CSS zum Einsatz – natürlich mit Fallback für Browser, die JavaScript deaktiviert haben. Das für sich alleine ist noch keine Riesenaufgabe für geübte Programmierer wie uns. Die eigentliche Herausforderung bestand darin, dass alle Kundenreferenzen in einem sogenannten Accordion gelistet werden – und zwar ein Accordion-Tab pro Kalenderjahr. Der Filter musste also so programmiert werden, dass er die Jahres-Tabs, in denen zum eingestellten Filter passende Referenzen enthalten sind, öffnet, und alle anderen Tabs schließt. ## Gefällt’s? Probiert unseren neuen Branchenfilter doch mal aus – dazu einfach oben auf das Screenshot-Bild oder auf den folgenden Link klicken: [https://www.fx-web.de/749/unternehmen/kundenreferenzen](https://www.fx-web.de/749/unternehmen/kundenreferenzen" target="_blank" rel="noopener nofollow noreferrer" data-ft="{"tn":"-U"}" data-lynx-mode="async" data-lynx-uri="https://l.facebook.com/l.php?u=https%3A%2F%2Fwww.fx-web.de%2F749%2Funternehmen%2Fkundenreferenzen%3Ffbclid%3DIwAR06vG1b7qGuvAldkgBpCk4JK1r0wwR1tUfNTOMVFyEKH-S8EWc1zvBFaok&h=AT0sfbbviV3e3Ftlaj8YoqpB3q2ZskZGQtiY6SY53J_Sr9Hjw2r0aOVZ-K-5utGaE5s5vx4iHYdys-1vuV6SiHFB_DzQJ3YC1uzuSBmXAZ4oaVPEqQN94xzOEX_nqkLaw-NL70mam3aDTNPuhqZ8caWWT2tWpGAli2vLlG2fUJvA6mGEhJO_AVjIdYtNmJ9ow2cV-0xT2zGgGMfGaZLQ7hMwtG-423KFUHUEReofd3HeY3DIN1C_fBtiJ4F3FBD8bj4UZQN3leqs1guv9qnId8EU96-Wf6umbXrlC_1TxxVww-rLcbIQNLewOqevsc4uMGxzMq3tEwym9mFb6ZFRQeIGXPRp2gzbbtMXXXVUG95XRTkzaAG6jtzeQnYQLkFQysnL1th5rW6K8QStQBhhMJ-Z7-inFgHl466tpKk7XNEQuk4E18guTei0jV8CKr-IDO4gtC_gWKVqquB1FGtDf0OQkkJ_d12mHNlj1l6cQdIXaWCBTr1mBk2l7e5ffA75nN93OEw896SDcdjufE5ToamSrVaW3EchDqi4Qk5xBtC2oPSB6t0sOtV9mGt3ew7Mq0Unqr6ql2qegvYhxot4rwSLdfcVjIKXwXcABYgdqa6hle6y65_xcK83uDG9FuPbqMgIn2Z9nTxo8zveVIMWH6Szt8GLLafCE3dA6vuHyXGA0eaAPnn9GwIdJ3apPYQVVBWxrDIJ3Pz-dzb4uSurLUhRsWhgqk6eiFLvJ6TgGGL-4AEct1Lr) Wir würden uns freuen, wenn Ihr uns ein Feedback oder gerne auch Verbesserungsvorschläge zum neuen Branchenfilter als Kommentar hinterlasst. --- ## Relaunch und erste Kundenreferenz aus der Branche Öffentliche Verwaltung URL: https://www.muenchen-webdesign.de/2019/05/18/relaunch-und-erste-kundenreferenz-aus-der-branche-oeffentliche-verwaltung/ ## Erste Kundenreferenz aus der Branche Öffentliche Verwaltung: Gemeinde Vierkirchen Ein Bericht über unsere neueste und erste Kundenreferenz aus der Branche **Öffentliche Verwaltung** – dem Relaunch der Website der **Gemeinde Vierkirchen**. ## Der Kunde Die Gemeinde Vierkirchen liegt im Nord-Osten von Dachau, und ist bekannt für den Einsatz moderner Technologien. Mit ihren digitalen Dienstleistungen ist sie auch ein **Vorzeigebeispiel im Bereich der öffentlichen Verwaltung**. Trotzdem war die Website der Gemeinde Vierkirchen bereits „in die Jahre gekommen“, sowohl optisch wie auch was die Unterstützung mobiler Geräte angeht. Ein Relaunch war bereits für 2016/2017 geplant, fand jedoch aufgrund von Schwierigkeiten außerhalb des Einflussbereichs der Gemeinde nicht statt. In dieser Situation wurde der Gemeinde im Juni 2018 durch einen ihrer Dienstleister das Unternehmen [F/X Web Consulting](https://www.fx-web.de" target="_blank" rel="noopener noreferrer) für den Relaunch empfohlen. Im Folgenden ein Screenshot der Website vor dem Relaunch. In der Tablet- und Smartphone-Ansicht links unten ist leicht erkennbar, dass die Site nicht mobil-tauglich war, und wichtige Gemeinde-Informationen und -Hinweise aus der rechten Seitenspalte gar nicht angezeigt wurden: Screenshot der Website vierkirchen.de vor dem Relaunch 2019 Am 20.06.2019 fand dann unser erstes Treffen im Rathaus der Gemeinde Vierkirchen mit dem Bürgermeister und den IT-Verantwortlichen statt. Wir konnten mit unserer [360-Grad-Internet-Beratung](https://www.fx-web.de/internet-beratung" target="_blank" rel="noopener noreferrer) die Anwesenden von unserer Leistungsfähigkeit überzeugen. Auch das bereits vorliegende Lastenheft und die grundsätzliche Design-Richtung wurden besprochen. Wir konnten auch eine Fertigstellung bis Ende 2018 in Aussicht stellen, was der Gemeinde sehr wichtig war. ## Das Projekt Bereits die Angebotserstellung war eine Mammut-Aufgabe – denn das Lastenheft umfasste viele Punkte die zu erfüllen waren. Darunter waren auch Anforderungen, die mit dem von uns präferierten Worldsoft-CMS nicht ohne zusätzliche Programmierung und/oder den Zukauf externer Drittanbieter-Lösungen zu stemmen waren (z.B. der Rathauswegweiser und ein gewerbliches Branchenbuch). Spätestens zu diesem Zeitpunkt war uns auch klar, **dass dies das größte aller bisher von uns ausgelieferten Website-Projekte werden würde**. Am 11.07.2019 erhielten wir von der Gemeinde Vierkirchen **grünes Licht für den Auftrag**, damit konnte es nun losgehen und wir mit der Planung der Migration starten. ### Projektstart Zunächst begannen wir damit einen Projektplan samt To-Do-Liste der anfallenden Tätigkeiten zu erstellen, um auch garantiert nichts zu vergessen und auch eine sinnvolle Reihenfolge der anfallenden Aufgaben sicherzustellen. Denn es galt einiges zu beachten und mit der Gemeinde zu koordinieren – darunter auch der notwendige **Umzug der Domain zum neuen Provider**. Des Weiteren die Vorbereitungen für die seitens der Gemeinde-IT-Abteilung zu treffenden **Maßnahmen für das in Eigenregie betriebene Mailsystem**. Auch erstellten wir eine Mapping-Tabelle für die Inhalte der bisherigen Website, um diese damit zur neuen Navigationsstruktur zuzuordnen und nicht mehr benötigte Inhalte ausfiltern zu können. Damit behielten wir auch die Übersicht darüber, welche Inhalte (insgesamt galt es über 80 Inhaltsseiten zu migrieren) schon in die neue Website übernommen wurden. Am 03.08.2019 wurde das [Worldsoft-CMS](http://www.fx.worldsoft.info/" target="_blank" rel="noopener noreferrer) beim neuen Provider, der Worldsoft AG, beauftragt. Nun konnten wir mit der Entwicklung des Designs beginnen, was in den meisten unserer Web-Projekte die zeitlich anspruchvollste Aufgabe ist. Im Falle der Gemeinde Vierkirchen war dieser Teil jedoch deutlich weniger zeitintensiv, da noch viele Spezialanforderungen entwickelt bzw. eingekauft werden mussten. ### Design fertiggestellt Anfang Oktober hatten wir das Design fertiggestellt und trafen uns erneut mit den Beteiligten bei der Gemeinde Vierkirchen. Nach einigen kleinen Veränderungen **erhielten wir am 16.10.2019 die Design-Freigabe vom Bürgermeister** und stürzten uns in die noch zahlreichen anstehenden Aufgaben: die **Migration der Inhaltsseiten**, die **Integration der Drittanbieterlösungen**, Konfiguration und Einrichtung diverser Module (z.B. den Veranstaltungskalender) in der Backend-Software, der [Worldsoft Business Suite (WBS)](http://fx.worldsoft-wbs.info/" target="_blank" rel="noopener noreferrer), und noch einiges mehr. Die Gemeinde beauftragte zuerst einen freiberuflichen Programmierer für die Entwicklung der benötigten Speziallösungen. Dieser lieferte jedoch über einen Zeitraum von mehreren Wochen nichts Vorzeigbares. Durch diesen Zeitverlust war die für Ende 2018 geplante Fertigstellung bereits nicht mehr möglich. Deshalb entschied sich die Gemeinde dann für vorhandene Kauflösungen von Drittanbietern, die mit relativ wenig Aufwand unsererseits optisch an das Design der Gemeinde Vierkirchen angepasst werden konnte. Nun wurde in enger Zusammenarbeit mit dem Gemeinde-IT-Verantwortlichen nach **Lösungen für die Spezialanforderungen** gesucht und auch gefunden. Diese werden auf Gemeinde-eigenen Systemen gehostet, und per iframe in die Website integriert. Um sicherzugehen, dass diese integrierten Speziallösungen sich auch optimal an sich verändernde Bildschirmgrößen anpassen, ließen wir von den Anbietern sogar spezielle PHP-Funktionen implementieren. Nun wird via [window.postMessage()](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage" target="_blank" rel="noopener noreferrer) ein Kommunikationskanal zwischen Website und Speziallösung etabliert und uns darüber eine [automatische Höhenanpassung der integrierten iframes](https://stackoverflow.com/questions/8223239/how-to-get-height-of-iframe-cross-domain" target="_blank" rel="noopener noreferrer) in der Website ermöglicht. Mit dem Kauf und der Integration der Drittanbieterlösungen war es natürlich nicht getan. Glücklicherweise hatte sich die Gemeinde-IT bereit erklärt, die beiden Lösungen mit den notwendigen Daten zu füllen (z.B. alle Mitarbeiter und Abteilungen in den Rathauswegweiser einzupflegen). Dieser Vorgang, und letzte notwendige Maßnahmen unsererseits wurden im Januar 2019 umgesetzt. Anfang Februar 2019 war die neue Website dann fertig, und am 08.02.2019 starteten wir in Absprache mit der Gemeinde den Umzug der Domain zum neuen Provider. ## Die neue Website Auf dieses Projekt sind wir mal so richtig stolz – denn entstanden ist eine ultra-moderne Website mit - einer Schnellzugriffs-Funktionsleiste am oberen Bildschirmrand, - einem zweispaltigen und flächigen Dropdown-Menü mit Piktogrammen, - einem zeitgesteuerten News-Bereich für Ankündigungen und Bekanntmachungen, - einem Veranstaltungskalender (der auch von Besuchern mit Leben gefüllt werden kann), und - zwei nahtlos integrierten Drittanbieter-Lösungen für Rathauswegweiser und Branchenkatalog Selbstverständlich erfüllt die neue Website auch alle an Websites aus dem Bereich öffentliche Verwaltung bzw. der kommunalen Verwaltungen gestellte Anforderungen zur Barrierefreiheit. Dazu zählen eine gute Lesbarkeit auf allen Geräten (inklusive Flat-Design), kontrastreiche Elemente und auch eine einstellbare Schriftgröße für Menschen mit eingeschränkter Sehfähigkeit. Hier ein Screenshot der neuen Homepage zum Zeitpunkt des [Relaunch](https://www.muenchen-webdesign.de/tag/relaunch/) im Februar 2019 – überzeugt euch selbst unter [https://www.vierkirchen.de/](https://www.vierkirchen.de/" target="_blank" rel="noopener noreferrer) wie gut die Website unserer bescheidenen Meinung nach gelungen ist! Screenshot: Relaunch der Website www.vierkirchen.de im Februar 2019 ## Fazit Die Erstellung der Website wie auch die tolle Zusammenarbeit mit den IT-Verantwortlichen bei der Gemeinde Vierkirchen hat viel Spaß gemacht. Und wir freuen uns, nun endlich auch eine **Referenz in der Branche Öffentliche Verwaltung** vorweisen zu können. Frau Bestle, die bei der Gemeinde für die inhaltliche Pflege der Website verantwortlich ist, hat uns freundlicherweise auch [in Form eines Kundenfeedbacks](https://www.fx-web.de/750#andrea-bestle) attestiert, wie zufrieden die Gemeinde mit der von uns erbrachten Dienstleistung ist. **Wir bedanken uns an dieser Stelle nochmals herzlichst bei der Gemeinde für die tolle Kooperation.** In der Branche **Öffentliche Verwaltung** gibt es noch sehr viele Websites die modernisiert werden müssen. Falls Sie für eine solche Website verantwortlich sind, [nehmen Sie einfach Kontakt mit uns auf](https://www.fx-web.de/696/kontakt" target="_blank" rel="noopener noreferrer)! --- ## Kundenreferenz aus der Gesundheitsbranche URL: https://www.muenchen-webdesign.de/2019/04/13/kundenreferenz-aus-der-gesundheitsbranche/ ## Relaunch in der Gesundheitsbranche: Praxis für Psychotherapie & Coaching – Nicole Betz Ein Kurzbericht über unsere neueste und erste Kundenreferenz für eine Website aus der **Gesundheitsbranche**. ## Der Kunde Frau Betz betreibt ihre Praxis für Psychotherapie & Coaching in Oberschleißheim, nördlich von München. Sie plante schon länger Ihre Website zu modernisieren, die sie bislang vollständig selbst erstellt und auch immer inhaltlich gepflegt und verbessert hatte. Die für Responsive Design notwendigen Anforderungen wurden jedoch von der von ihr verwendeten Web-Software nicht unterstützt, und so hatte sie auf der Suche nach einem Webdesign-Profi im Herbst 2018 Kontakt mit uns aufgenommen. Hier ein Screenshot der früheren Website der auf der links unten dargestellten Tablet- und Smartphone-Ansicht zeigt, dass die Site nicht mobil-tauglich war, da auf der rechten Seite Inhalte abgeschnitten wurden: Screenshot: die Website heilenundentfalten.de vor dem Relaunch Nachdem wir ihr – wie dies bei uns üblich ist – im Rahmen unserer [360-Grad-Internet-Beratung](https://www.fx-web.de/internet-beratung" target="_blank" rel="noopener noreferrer) die grundsätzlichen Möglichkeiten aufgezeigt und auch die grundsätzliche Design-Richtung besprochen hatten, konnte es kurz darauf auch bereits losgehen. ## Das Projekt Ende Oktober begannen wir der Arbeit. Das Design der Site und das Logo sollten im Großen und Ganzen erhalten bleiben. Wir modernisierten aber natürlich in Richtung Responsive Webdesign und verwendeten modernere Schriftarten, wie beispielsweise die **trendige Schriftart Nunito**. Außerdem stellten wir vom bisher verwendeten senkrechten Navigationsmenü auf ein horizontales Dropdown-Menü um. Die Inhalte wurden größtenteils von der bisherigen Website übernommen. Frau Betz „feilte“ aber noch an ein paar Stellen an ihren Texten, und die Navigationsstruktur wurde inhaltlich etwas angepasst. Anfang Februar 2019 war die neue Website fertig und wir starteten den Umzug der Domain vom bisherigen zum neuen Provider. ## Die neue Website Hier nun ein Screenshot der neuen Homepage zum Zeitpunkt des [Relaunch](https://www.muenchen-webdesign.de/tag/relaunch/) im Februar 2019 – am besten gleich mal live unter [https://www.heilenundentfalten.de/](https://www.heilenundentfalten.de/" target="_blank" rel="noopener noreferrer) vorbeischauen! Screenshot: Relaunch der Website www.heilenundentfalten.de im Februar 2019 ## Fazit Die Erstellung der Website und auch die Zusammenarbeit mit Frau Betz hat viel Freude bereitet, und wir freuen uns nun endlich auch eine **Referenz in der Gesundheitsbranche** vorweisen zu können. Frau Betz war mit unserer Dienstleistung sehr zufrieden, was sie uns freundlicherweise auch [in Form eines Kundenfeedbacks](https://www.fx-web.de/750#nicole-betz) attestiert hat. Wir bedanken uns an dieser Stelle nochmals herzlichst bei Frau Betz für die tolle Zusammenarbeit und wünschen ihr weiterhin **viel Erfolg mit ihrer Praxis für Psychotherapie & Coaching!** --- ## Social Media – Checkliste für Weihnachten URL: https://www.muenchen-webdesign.de/2018/12/09/social-media-checkliste-fuer-weihnachten/ Als Bezieher der stets hilfreichen [Social Media Tipps](https://emarcon.de/social-media-experte/newsletter/" target="_blank" rel="noopener) des [Social Media Beraters Josef Rankl](https://emarcon.de/social-media-agentur/" target="_blank" rel="noopener) hat uns die Dezember-Ausgabe dieses Jahr rechtzeitig an etwas erinnert: nämlich dass wir uns besser bereits in den nächsten Tagen um die Vorbereitung unserer Social Media Aktivitäten vor und während der Weihnachtszeit inklusive Silvester/Neujahr kümmern sollten – und nicht wie so oft in den vergangenen Jahren „auf den letzten Drücker“. Die Dezember 2018-Ausgabe hat nämlich auch den Verweis auf den Artikel [Social Media-Checkliste für Weihnachten](https://web.archive.org/web/20231129043308/https://www.eishofer.com/social-media-checkliste-fuer-weihnachten_/" target="_blank" rel="noopener) von Astrid Eishofer aus Wien mit 10 guten und lesenswerten Tipps dazu geliefert. [](https://web.archive.org/web/20231129043308/https://www.eishofer.com/social-media-checkliste-fuer-weihnachten_/" target="_blank" rel="noopener)© Astrid Eishofer – www.eishofer.com Hier die 10 + 1 Social Media-Tipps für die Weihnachtszeit im Überblick: - Pimpen Sie Ihre Profile auf! - Promotion: Planen Sie Ihre Weihnachtsaktionen rechtzeitig! - Schreiben Sie eine Checkliste mit den Meilensteinen bis Weihnachten! - Achtung bei Rabattaktionen und Gutscheinen - Achten Sie auf sinnvolle Weihnachtsaktionen - Planen Sie Ihre Posts für die Feiertage vor - Achten Sie beim Vorplanen auf den Text Ihrer Postings! - Jahresrückblick - Betriebsurlaube ankündigen! - Sorgen Sie rechtzeitig für die Urlaubsbetreuung Ihrer Social Media – Kanäle - Starten Sie keine reine Verkauf-Show, sondern liefern Sie Inspirationen Die Details zu den insgesamt 11 Tipps finden Sie im [vollständigen Artikel auf www.eishofer.com](https://web.archive.org/web/20231129043308/https://www.eishofer.com/social-media-checkliste-fuer-weihnachten_/" target="_blank" rel="noopener). Und um Punkt 9. – Betriebsurlaube ankündigen – zumindest gleich hier für den Blog abhaken zu können, hier der frühzeitige Hinweis auf unsere Betriebsferien 2018/19: wir sind **vom 22.12.18 bis einschließlich 06.01.19 im Betriebsurlaub**. Ich wünsche Ihnen eine angenehme Lektüre, gelungene Vorbereitung und eine fröhliche Vorweihnachtszeit. --- ## Kundenreferenz aus der Handwerksbranche: SF Abwassertechnik URL: https://www.muenchen-webdesign.de/2018/07/16/neue-kundenreferenz-aus-der-handwerksbranche-sf-abwassertechnik/ ## Neue Kundenreferenz aus der Handwerksbranche Abwassertechnik Heute zur Abwechslung mal kurz & knackig – unsere neueste Kundenreferenz für eine **Website für einen Kunden aus der Handwerksbranche** – der SF Abwassertechnik in München-Lerchenau. ## Der Kunde Der Unternehmensinhaber, Herr Fetahu, kam im Februar diesen Jahres auf Empfehlung eines unserer Kunden, der [AZEMI-BAU GmbH](https://www.azemi-bau.de/" target="_blank" rel="noopener), zu uns. Nachdem wir ihn im Rahmen unserer [360-Grad-Internet-Beratung](https://www.fx-web.de/internet-beratung" target="_blank" rel="noopener) zu den grundsätzlichen Möglichkeiten im Online-Marketing (inkl. Google My Business) beraten und auch die grundsätzliche Design-Richtung besprochen hatten, waren wir uns schnell einig. ## Das Projekt Mitte März begannen wir der Arbeit, sobald die Domain **rohrreinigung-muenchen.de** eingekauft worden war. Allerdings hatten wir noch kein fertiges Logo, nur die blaue Basisfarbe des Logos. Aber das genügte uns um den ersten Design-Entwurf zu erstellen und vom Kunden bestätigen zu lassen. Nach Erhalt des finalen Logos von unserem Grafikdesigner, der wie wir ebenfalls aus **München-Feldmoching** kommt, stellten wir das Design fertig. Sobald vom Kunden die letzten Texte eintrafen war die Fertigstellung nur noch ein Klacks. Nachdem die Website Anfang Mai 2018 live ging machten wir uns auch an die Erstellung des Google My Business Eintrags für SF Abwassertechnik. Nach Erhalt der Bestätigungs-PIN von Google für die Verifizierung als lokales Unternehmen trugen wir diese ein, und das Projekt war abgeschlossen. ## Die Website von SF Abwassertechnik Hier ein Screenshot der Homepage – oder am besten gleich mal live unter [https://www.rohrreinigung-muenchen.de/](https://www.rohrreinigung-muenchen.de/" target="_blank" rel="noopener) bei SF Abwassertechnik vorbeischauen! [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/07/2018-05-22-rohrreinigung-muenchen.de-copyright.jpg) ## Dazugelernt Wir haben auch wieder ein klein wenig einen Einblick in eine für uns bislang unbekannte Handwerksbranche erhalten. Was wir in dieser Zeit über die Abwassertechnik- und Rohrreinigungs-Branche gelernt haben? Dass man auch in diesem eher „schmutzigen“ Handwerk **umweltverträglich** vorgehen und arbeiten kann! Das finden wir klasse, und da SF Abwassertechnik sich genau diese Umweltverträglichkeit auf die Fahne geschrieben hat, würden wir dieses Unternehmen jederzeit empfehlen. ## Fazit Die Erstellung der Website hat viel Spaß gemacht, und wir konnten wieder ein paar neue Design-Ideen umsetzen. Herr Fetahu war mit unserer Dienstleistung sehr zufrieden, und das ist uns wie immer am wichtigsten. Ich bedanke mich an dieser Stelle auch nochmals herzlichst bei Herrn Fetahu für die jederzeit angenehme Kooperation. Ich wünsche ihm weiterhin **ganz viel Erfolg mit seinem Fachbetrieb für Abwassertechnik und Rohrreinigung!** --- ## Datenschutz-Benutzereinstellungen URL: https://www.muenchen-webdesign.de/datenschutz-benutzereinstellungen/ Hier können Sie Ihre ganz persönlichen Datenschutz-Einstellungen vornehmen. --- ## Redesign & Relaunch: F/X Web Consulting | Internetagentur München URL: https://www.muenchen-webdesign.de/2018/01/12/redesign-relaunch-fx-web-consulting-internetagentur-muenchen/ ## Geschafft: Redesign & Relaunch fx-web.de Der **22. Dezember 2017** ist ein Meilenstein in der Firmengeschichte von F/X Web Consulting – denn es ist der Tag, an dem wir unsere Unternehmens-Website [www.fx-web.de](https://www.fx-web.de" target="_blank" rel="noopener) nach monatelanger Vorarbeit im völlig neuen Design (deshalb Redesign), auf einem völlig anderen Content Management System (CMS), bei einem „neuen” Provider und mit vielen neuen Features und auch neuen Inhalten (deshalb Relaunch) live gestellt haben. [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2017-12-22-fx-web.de-responsive-web-design-4-screens-copyright.jpg)Redesigned & Relaunched: die neue Website von F/X Web Consulting | Internetagentur München im Responsive Webdesign ## Redesign vs. Relaunch: der Unterschied Die beiden am häufigsten verwendeten Ausdrücke für die Überarbeitung einer Internetseite sind **Redesign** und **Relaunch**. Beide scheinen auf den ersten Blick das Gleiche zu bedeuten, dem ist aber nicht so. Bei unserer Migration kam beides zusammen. Beim **Redesign** einer Seite erfolgt ein „Rundumschlag”: neben dem Design werden auch Struktur und Inhalte der Seiten grundlegend überarbeitet. Ziel ist es, die Akzeptanz der Seiten beim Nutzer zu verbessern und langfristig den Erfolg der Seiten zu steigern. Beim **Relaunch** einer Internetpräsenz findet „lediglich“ eine Überarbeitung des Inhaltes und der Strukturen statt. Die Inhalte sind meist schon vorhanden, das Design der Webseite ist gut durchdacht, und es müssen technische oder optische Weiterentwicklungen optimiert oder angepasst werden. Das kann beispielsweise die Umstellung auf HTML5 sein, aber auch ein Umzug der Domain zu einem neuen Provider. ## Vorgeschichte Wir hatten ja schon im März 2015 hier über den [Relaunch unserer Website im Responsive Webdesign](https://www.muenchen-webdesign.de/2015/03/17/relaunch-fx-web-consulting-dank-google-endlich-im-responsive-webdesign/) berichtet. Wer den Artikel gelesen hat weiß, dass wir deutlich über 90 Prozent unserer Kunden-Websites auf Basis des Worldsoft-CMS von der Worldsoft AG erstellen. Unsere eigene Website entstand jedoch bereits während unserer **Startup-Phase im Frühjahr 2011** – zu einem Zeitpunkt, als wir das Worldsoft-CMS noch nicht kannten. Hier ein Screenshot unserer Website aus dem Jahr 2011: [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2011-06-fx-web.de_.jpg)Screenshot der Website von F/X Web Consulting im Juni 2011 Als wir dann Anfang 2015 unsere Website mit allen uns zur Verfügung stehenden Mitteln auf **Responsive Design** umstellten hatten wir noch Hoffnung. Die Hoffnung, dass der Hersteller des von uns eingesetzten Desktop-CMS weblica es bis Jahresende schaffen würde, die geplante Version 4 des CMS mit den längst überfälligen Änderungen für Responsive Design zu veröffentlichen. So sah unsere Website nach dem **Relaunch im Responsive Webdesign im März 2015** aus: [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2015-03-15-fx-web.de-responsive-web-design-4-screens-copyright.jpg)Unsere Website nach der Umstellung auf Responsive Webdesign im März 2015 Es verging das Jahr 2015 ohne erkennbaren Fortschritt. Auch 2016 gab es nur Ankündigungen und kleinere Updates von weblica, jedoch nach wie vor keine native Unterstützung für Responsive Design. Im **Frühjahr 2017** entschieden wir uns dann endgültig nicht länger auf dieses CMS bzw. dessen Hersteller empros zu vertrauen, sondern unsere **Website zum Worldsoft-CMS zu migrieren**. Und wir haben uns richtig entschieden. In der weblica Entwicklerpost vom 12.10.2017 wurde angekündigt, dass eine Version 4.0 RC-1 am 17.10.2017 veröffentlicht würde. Am selben Tag würden dann auch neue Informationen zur Veröffentlichung der finalen Version verfügbar sein. Nur ist das bis Stand heute (12.01.2018) immer noch die letzte Entwicklerpost… ## Migration zum Worldsoft-CMS Die Entscheidung, unsere Website [fx-web.de](https://www.fx-web.de" target="_blank" rel="noopener) künftig mit dem Worldsoft-CMS umzusetzen und zu betreiben war naheliegend. Da wir **über 90 Prozent unserer Kunden-Websites** auf diesem CMS erstellt haben, besitzen wir darin auch das umfangreichste Expertenwissen und kennen das System in- und auswendig. Das CMS erlaubt uns auch eine wesentlich **freiere und flexiblere Gestaltung des Designs**, inklusive völlig verschiedener Designs je Navigationspunkt. Letzteres ist auf unserer neuen Website vor allem am Design der Homepage erkennbar, die von uns völlig anders gestaltet wurde als die anderen Inhaltsseiten. Damit wir unsere Website unterbrechungsfrei nach und nach migrieren und für den Umzug vorbereiten konnten, erstellten wir die neue Seite „im Verborgenen” auf einer unserer vorhandenen Worldsoft-CMS Sites. Diese Website, [www.muenchen-ausbildung.de](http://www.muenchen-ausbildung.de" target="_blank" rel="noopener), hatten wir vor einigen Jahren als Worldsoft-ITC-Website ins Leben gerufen. Damals hatten wir noch Pläne, als [zertifizierte Worldsoft-Trainer](https://www.fx-web.de/751/unternehmen/zertifizierungen" target="_blank" rel="noopener) anderen Menschen die Vorzüge des Worldsoft-CMS und des Worldsoft-Unternehmenskonzepts nahezubringen und sie zu Worldsoft-Webmastern auszubilden. Leider überholte uns die Realität, und wir fanden nicht die Zeit dafür, hier das nötige Zeitbudget zu investieren. Zudem hat Worldsoft das Unternehmenskonzept zwischenzeitlich in das sogenannte [Internet Success Coach](https://www.fx-web.de/isc" target="_blank" rel="noopener) (ISC) Konzept verwandelt. Damit war unsere ITC-Website inklusive veraltetem Design mittlerweile „überholt”, wurde nicht mehr benötigt und war perfekt für unsere Migration geeignet. Für die Domain muenchen-ausbildung.de haben wir schon eine neue Idee – und bis wir diese umsetzen wird man über muenchen-ausbildung.de einfach zu [www.fx-web.de](https://www.fx-web.de" target="_blank" rel="noopener) weitergeleitet. Die Migration erforderte auch eine umfangreiche und sorgfältige Planung im Vorfeld, in die wir nun unsere Erfahrungen aus den sechs Jahren Praxis mit unseren Kunden einfließen lassen konnten: ### SEO: Weiterleitung alt nach neu Beim Worldsoft-CMS haben die Links (URLs) zu den Navigationspunkten und zugehörigen Inhaltsseiten ein bestimmtes Format mit einer Nummer in der URL, somit war eine Änderung der URLs nicht zu vermeiden. Damit wir **unsere guten Rankings bei Google & Co.** behalten konnten war es somit erforderlich, alle bisherigen Links auf die entsprechenden neuen Seiten per 301er-Weiterleitung zuzuordnen. Deshalb erstellten wir schon zu Beginn eine Tabelle mit allen Zuordnungen, um zum Zeitpunkt des Domain-Umzugs alle notwendigen Weiterleitungen schnell erstellen zu können. ### Konsolidierung und Neustrukturierung der Inhalte Wir stellten unsere Navigationsstruktur auf den Prüfstand und sahen uns auch unsere über 40 Inhaltsseiten genau an. Wir behielten bewährte Strukturen und Inhalte, entfernten nicht mehr zutreffende oder veraltete Menüs und Inhalte, und konsolidierten die Informationen wo sinnvoll. Natürlich kamen auch neue Inhalte hinzu, so z.B. die Download-Möglichkeit für unseren [Website-Marketing Report](https://www.fx-web.de/810/dienstleistungen/marketing-report" target="_blank" rel="noopener), das Anforderungsformular für unseren [Website-Check](https://www.fx-web.de/811/dienstleistungen/website-check" target="_blank" rel="noopener), oder auch unser neues [Glossar](https://www.fx-web.de/1053/dienstleistungen/glossar" target="_blank" rel="noopener) zu den gängigsten Internet- und Website-Begriffen. ### Straffung von Inhalten Unsere Liste der [Kundenreferenzen](https://www.fx-web.de/749/unternehmen/kundenreferenzen" target="_blank" rel="noopener) auf Basis des Worldsoft-CMS ist mittlerweile so umfangreich, dass wir diese mit Hilfe eines sogenannten Accordions in „aufklappbare” Jahre untergliedert haben. Zudem wurden die [Referenzen aus den Jahren 2011 und 2012](https://www.fx-web.de/1234/unternehmen/kundenreferenzen-archiv" target="_blank" rel="noopener) in eine eigene Archiv-Inhaltsseite ausgegliedert, um die Ladezeit der Kundenreferenzen-Seite in einem akzeptablen Rahmen zu halten. ## Neue Optik ### Optimierung der Inhalte für große Bildschirme Wir hatten viele unserer Bilder – vor allem die Screenshots der Kunden-Website-Referenzen – in der Vergangenheit mit einer Auflösung von 660 x 399 Pixeln erstellt. Was 2011 noch völlig ausreichend war, ist heute nicht mehr zeitgemäß. Dies gilt ganz besonders auch für Geräte von Apple mit Retina-Displays, bei denen die Bilder in doppelt so hoher Auflösung angezeigt werden müssen um eine Unschärfe bei der Darstellung zu verhindern. Daher nutzten wir auch gleich die Chance, und erfüllten uns zwei lang gehegte Wünsche: zum Einen ein Design, welches **die gesamte Breite des Bildschirms ausnutzt**; und zum Anderen ein **horizontales Dropdown-Menü** welches es uns endlich erlaubte, von einem dreispaltigen auf ein **zweispaltiges Design** umzustellen. Denn bei unserem alten CMS war keine Umstellung des Menü-Typs möglich, und somit waren wir zwingend auf die linke Spalte für die Darstellung der Untermenüpunkte angewiesen. Im Zuge dieses großzügigeren Designs erhöhten wir auch über alle Ebenen hinweg die Schriftartgrößen, und führten **neue Schriftarten für die Überschriften** ein. Denn die Corporate Design Schriftart aus unserem Logo, die in Windows mitgelieferte Schriftart **Candara**, hatten wir bisher auch in den Überschriften (H1, H2, H3, H4) verwendet. Nur ist Candara leider nur auf Windows PCs garantiert verfügbar. Auf allen anderen Betriebssystemen mussten wir damit rechnen, dass die Candara-Schriftart durch eine vom System als Ersatz ausgesuchte oder die im Browser als Standard-Schriftart eingestellte Schriftart (meist Times New Roman) ersetzt wird. Gleichzeitig ist Candara nicht als Google Web Font oder anderweitig kostenfrei für die Verwendung auf Webseiten verfügbar. Deshalb suchten wir uns für die H1-Überschriften eine neue Schriftart, die der Candara möglichst ähnlich sieht und auch als kostenfreier Google Web Font verfügbar ist. Für die H2-Überschriften wollten wir nun eine harmonische Kontrast-Schriftart. Dank entsprechender Schriftarten-Vergleichstools wurden wir auch fündig: unsere neue Schriftart für die H1-Überschriften heißt **Quattrocento Sans**, die für H2-Überschriften **Quantico**. Ab H3 und darunter nutzen wir nun unsere reguläre Fließtext-Schriftart, **Noto Sans**. ## Neue Features Vieles von dem, was mit dem bisherigen CMS aufgrund dessen Design-Limitierungen nicht umsetzbar war, haben wir nun endlich realisiert: ### Feststehende Navigationsleiste am oberen Bildschirmrand (Sticky Nav Bar) Auf der alten Website wurde unser **Firmenlogo** aufgrund des ursprünglichen Website-Designs recht groß dargestellt und wirkte damit sehr dominant. Durch das Redesign unserer Website hatten wir nun endlich die Möglichkeit dies zu ändern. Wir hatten außerdem auf der alten Website schon von Beginn an die für unsere Besucher wichtigsten **Schnellzugriffs-Links** (Shortcuts) für [Kundenreferenzen](https://www.fx-web.de/749/unternehmen/kundenreferenzen" target="_blank" rel="noopener), [Kundenfeedbacks](https://www.fx-web.de/750/unternehmen/kundenfeedbacks" target="_blank" rel="noopener) und [Kontakt](https://www.fx-web.de/696/kontakt" target="_blank" rel="noopener) als Text-Links ganz oben auf jeder Seite integriert. Das wollten wir auch auf der neuen Seite so beibehalten, diese allerdings permanent sichtbar und moderner darstellen. Also kombinierten wir einfach die beiden Bereiche – das Firmen-Logo (nun deutlich dezenter) und die wichtigsten Schnellzugriffs-Links (nun in Form von **Material Icons**) – in eine **Sticky Navigation Bar**. Das ist eine feststehende Navigationsleiste am oberen Bildschirmrand die dort fixiert angezeigt wird, egal wie weit man auf der jeweiligen Seite nach unten scrollt. [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Sticky-Navbar-Desktop.jpg)Unsere Sticky-Navbar im Desktop-Modus Sobald eine Bildschirmbreite von 768 Pixeln unterschritten wird nutzen wir diesen Bereich auch für die Platzierung des Hamburger-Icons zur Anzeige des Off-Canvas-Menüs. [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Sticky-Navbar-Mobile.jpg)Unsere Sticky-Navbar im Mobile-Modus ### Vollflächiges Bild (Cover-Image) auf der Homepage Das Cover-Image nutzt für die Darstellung bei jeder Bildschirmgröße automatisch den vollständigen Bereich unterhalb der oben fixierten Navigationsleiste und der darunter befindlichen Hauptmenüleiste. Natürlich funktioniert das auf allen Bildschirmgrößen – vom kleinsten Smartphone bis zum großen Mac Pro oder Microsoft Surface Studio. ### Mobiles und scrollbares Off-Canvas Menü Die mobile Version des im Worldsoft-CMS enthaltenen Menüs (Mega-Menu) genügt meistens bei nicht zu umfangreichen Navigationsstrukturen. Denn das Mega-Menu zeigt Untermenüs erst an, wenn der zugehörige Hauptmenüpunkt angeklickt bzw. per Touch geöffnet wird. Wir wollten jedoch alle Untermenüpunkte bereits beim Öffnen des Menüs angezeigt erhalten. Und – das gebe ich gerne zu – auch hier etwas Besonderes implementieren. Deshalb nutzen wir das Mega-Menu nur für die Darstellung als horizontales Dropdown-Menü ab einer Bildschirmbreite von 768 Pixeln. Wird diese Breite jedoch unterschritten, blenden wir das Dropdown-Menü aus und ersetzen es durch unser eigenes **mobiles Off-Canvas-Menü**. Auf einem **Apple iPhone 6s** sieht das dann beispielsweise wie hier dargestellt aus: [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-Homepage_-FX-Web-Consulting_Internetagentur-Muenchen_Apple-iPhone-6s.jpg)Redesign: die neue Homepage von F/X Web Consulting | Internetagentur München auf einem Apple iPhone 6s Geöffnet wird das Off-Canvas-Menü wie üblich über das weit verbreitete **Hamburger-Icon** (drei horizontale Balken), dem wir noch dazu eine kleine **CSS-Animation** verpasst haben: die drei Balken verwandeln sich drehend in ein Kreuz zum Schließen des Hamburger-Menüs: [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-Homepage_-FX-Web-Consulting_Internetagentur-Muenchen_Off-Canvas-Menu_Apple-iPhone-6s.jpg)Redesign: Homepage F/X Web Consulting | Internetagentur München auf einem Apple iPhone 6s mit geöffnetem Off-Canvas-Menü ### Dynamischer „Zurück nach oben“-Button (Scroll-back-to-top-Button) In der alten Webseite hatten wir bei längeren Inhaltsseiten „Zurück nach oben”-Textlinks verwendet, teilweise auch mehrfach. Diese Möglichkeit dient dazu es dem Besucher – insbesondere auf Smartphones – zu ersparen, auf längeren Seiten erst wieder mühsam nach oben scrollen zu müssen um an das Menü und somit zu anderen Inhalten zu gelangen. In der neuen Website realisierten wir dies mittels eines dynamischen „Zurück nach oben”-Buttons, der rechts unten halb-transparent angezeigt wird. **Dynamisch** deswegen, weil dieser Button erst angezeigt wird, wenn die Seite eine bestimmte Mindeststrecke (etwas mehr als die Bildschirmhöhe) nach unten gescrollt wird. [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Scroll-to-Top-Button.jpg)Der Scroll-to-Top-Button auf unserer neuen Website ### Schnellinfo-Erläuterungen (Tooltips) zu Begriffen **Tooltips** sind kleine Pop-up-Fenster in Anwendungsprogrammen oder Webseiten. In Anwendungen werden sie meist als kurze Erläuterung für Elemente in der grafischen Benutzeroberfläche verwendet, in Webseiten oft als Kurzbeschreibung für Bilder oder Link-Ziele. Wir nutzen diese Tooltips für **kurze Erläuterungen zu Begriffen im Fließtext**. So ermöglichen wir es dem Website-Besucher die Erklärung nur bei Bedarf abzurufen und hierfür auch nicht extra Google & Co. oder unser Glossar bemühen zu müssen. Derzeit setzen wir diese Tooltips nur auf unserer Homepage ein, werden diese jedoch sukzessive wo sinnvoll auch auf anderen Inhaltsseiten integrieren. [](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Homepage-Tooltip_Samsung-Galaxy-S7.jpg)Tooltip für den Begriff „Website-Check“ auf unserer Homepage auf einem Samsung Galaxy S7 Sobald man mit der Maus auf den entsprechend markierten Text (erkennbar an der gepunkteten Unterstreichung) zeigt wird der Tooltip angezeigt. Da auf einem Touch-Bildschirm keine Maus zur Verfügung steht, haben wir dieses Feature zusätzlich angepasst. Auf **Touchscreen-Geräten ohne Zeigegerät** wird nicht auf Verweilen mit der Maus sondern auf Touch/Tap mit dem Finger oder Stift reagiert. Nach einem erneuten Touch/Tap auf einen nicht markierten Text wird der Tooltip wieder ausgeblendet. ### Fancybox für Bilder Wir setzen die [Fancybox](https://www.fx-web.de/1053/dienstleistungen/glossar#fancybox" target="_blank" rel="noopener) primär – aber nicht nur – zur vergrößerten Darstellung unserer Kundenreferenzen ein. Dort unterstützt unsere jQuery-basierende Fancybox der neuesten Generation sogar einen Vollbild- und einen Slideshow-Modus, und zeigt die hinterlegten ALT-Texte als Bildunterschrift an. ### Shariff-Lösung für Social Media Plugins Auf unserer alten Website hatten wir zu Beginn die sogenannte [2 Klicks für mehr Datenschutz](https://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html" target="_blank" rel="noopener)-Lösung von heise online aus dem Jahr 2011 für unsere Social Media Plug-Ins im Einsatz. Nachdem diese dann 2014 durch eine Weiterentwicklung von heise online namens [Shariff](https://www.heise.de/news/Datenschutz-und-Social-Media-Der-c-t-Shariff-ist-im-Einsatz-2470103.html" target="_blank" rel="noopener) abgelöst wurde, hatten wir zeitnah auf diese Lösung umgestellt. Hier auf unserem WordPress-basierenden Unternehmens-Blog und auf unserer bisherigen Website war diese Umstellung kein Problem. Bei der Migration stellten wir jedoch fest, dass für die **Shariff-Lösung** eine neuere jQuery-Version erforderlich war als die im Worldsoft-CMS bis dato verfügbare Version. Also mussten wir erst die Worldsoft AG davon überzeugen, die jQuery-Version im Worldsoft-CMS zu aktualisieren. Der zuständige Entwickler bei Worldsoft erkannte nach unserer Argumentation den Sinn und die Notwendigkeit, die **Shariff-Lösung als Modul im Worldsoft-CMS** zur Verfügung zu stellen. Er integrierte auch gleich das notwendige Backend für die Anzeige der Zahl in den Buttons, wie oft der Inhalt bereits geteilt wurde. So können nun alle Worldsoft-Webmaster und -Kunden recht einfach die gängigen Social Media Plug-Ins datenschutzkonform einbinden und tragen damit zu mehr Datenschutz und Privatsphäre bei. Zu den bisher von uns eingesetzten Social Media Teilen-Buttons für [Facebook](https://www.facebook.com/FXWebConsulting/" target="_blank" rel="noopener), [Google+](https://plus.google.com/+FXWebConsultingM%C3%BCnchen" target="_blank" rel="noopener) und [XING](https://www.xing.com/companies/f%2Fxwebconsulting" target="_blank" rel="noopener) haben wir nun noch den Share-Button für [LinkedIn](https://www.linkedin.com/company/fx-web-consulting/" target="_blank" rel="noopener) hinzugenommen, da LinkedIn neben XING im deutschen Markt im geschäftlichen Umfeld zunehmend an Bedeutung gewinnt. Bei dieser Gelegenheit haben wir dann bei LinkedIn auch gleich ein [LinkedIn-Unternehmensprofil für F/X Web Consulting](https://www.linkedin.com/company/fx-web-consulting/" target="_blank" rel="noopener) eingerichtet. ## Fazit Die **Migration unserer Website** von der ersten Planung im **März 2017** bis zum Domainumzug und Live-Schaltung am **22. Dezember 2017** hat etwa 10 Monate gedauert – ein echtes Mammut-Projekt. Es wäre deutlich schneller gegangen, wenn wir uns exklusiv dieser Migration gewidmet hätten. Aber natürlich haben unsere **Kundenprojekte** immer die höhere Priorität und damit Vorrang. Wir werden unsere Website selbstverständlich auch weiterhin inhaltlich „tunen”, sei es für neue [Dienstleistungen](https://www.fx-web.de/694/dienstleistungen" target="_blank" rel="noopener) (die wir schon ausgebrütet haben), für die Suchmaschinenoptimierung (SEO), oder auch die kontinuierliche Erweiterung unserer [FAQ](https://www.fx-web.de/868/dienstleistungen/faq" target="_blank" rel="noopener) und des [Glossars](https://www.fx-web.de/1053/dienstleistungen/glossar" target="_blank" rel="noopener). ## Feedback **Wie gefällt Ihnen unsere neue Webseite? Wie finden Sie das neue Design? Gefallen Ihnen die neuen Features?** Wir würden uns freuen, wenn Sie uns einen Kommentar zum Redesign und Relaunch unserer Website hinterlassen! Niemand ist perfekt – wenn Sie also einen Fehler oder eine Fehlfunktion entdecken, lassen Sie es uns bitte wissen. ## Wie geht’s weiter? Als nächstes **hausinternes Projekt** steht ein **Redesign unseres Unternehmens-Blogs** an. Der ist nämlich mittlerweile optisch auch schon etwas „in die Jahre gekommen”. Und er passt nun natürlich optisch nicht mehr zu unserer neuen Unternehmens-Website. Für dieses Redesign werden wir allerdings einen deutlich geringeren Aufwand betreiben müssen und sind optimistisch, dies noch im ersten Halbjahr 2018 über die Bühne zu bringen. **Bleiben Sie neugierig** und schauen Sie gerne öfter hier bei unserem Unternehmens-Blog und auf unserer neuen Website vorbei – wir freuen uns auf Sie! --- ## Neue Kundenreferenz: KFZ Service Driefer URL: https://www.muenchen-webdesign.de/2017/12/17/neue-kundenreferenz-kfz-service-driefer/ Wir freuen uns sehr, dass wir heute [nach längerer Pause](https://www.muenchen-webdesign.de/2016/02/24/neue-kundenreferenz-orthopaedische-praxis-dr-scharl/) endlich wieder über eine neue Kundenreferenz für eine **Website für einen Kunden aus der Handwerksbranche** – dem **KFZ Service Driefer in München** – hier berichten zu können. ## Der Kunde Wir sind bereits seit Jahren ein sehr zufriedener Kunde beim [KFZ Service Driefer](https://www.kfz-driefer.de/" target="_blank" rel="noopener) (vormals Reifen Sterr) – denn das ist unser Partner an unserem Standort in **München-Feldmoching**, wenn der zweimal jährlich fällige Wechsel der Räder von Sommer- auf Winterbereifung und umgekehrt ansteht. Bis Ende 2014 firmierte das Unternehmen unter dem Namen Reifen Sterr. Der vormalige Besitzer des Meisterbetriebs übergab dann im Winter 2014/2015 den Betrieb an Herrn Driefer, der ihn (und den bewährten Reifenwechsel- und Einlagerungs-Service) seither nun nicht nur weiterführt, sondern auch das Spektrum der Dienstleistungen um weitere zeitgemäße Angebote wie beispielsweise [Smart Repair](https://www.kfz-driefer.de/94/dienstleistungen/lackierung" target="_blank" rel="noopener) erweitert hat. Als modernes Unternehmen wollte Herr Driefer natürlich auch eine Website zur Darstellung des Unternehmens und der angebotenen Services – und sprach uns Anfang 2017 darauf an. ## Das Projekt Unsere [Website-Erstberatung](https://www.fx-web.de/dienstleistungen/internet-beratung/" target="_blank" rel="noopener) für diese Kundenreferenz fand dann im Mai 2017 statt. Wie wir das bei Kunden aus handwerklichen Branchen kennen und gewohnt sind, wollte Herr Driefer eher eine „bodenständige“ Website: einfach in der Navigation, klar strukturierte Inhalte, keinen Schnick-Schnack – aber trotzdem eine Website, die auch optisch etwas „hermacht“. Wir machten Herrn Driefer dann entsprechende Design- und Inhalts-Vorschläge, und Ende Mai wurden wir dann auch offiziell beauftragt die Website zu erstellen. Die zuvor besprochene Navigationsstruktur war schnell erstellt, und auch die Textinhalte waren bald größtenteils fertiggestellt. Schwierigkeiten gab es nur bei der **Frage des Logos**, welches bei uns in den meisten Fällen die Basis für das weitere Design der Website ist. Ursprünglich wollten wir hier wieder auf einen bewährten Grafikdesign-[Kooperationspartner](https://www.fx-web.de/partner/" target="_blank" rel="noopener) zurückgreifen. Leider war dieser jedoch zum Zeitpunkt der Kontaktaufnahme zuerst im Urlaub, und danach erst einmal derart ausgelastet, dass mit einer Lieferung des fertigen Logos in frühestens zwei Monaten zu rechnen gewesen wäre. Also griffen wir „mutig“ selbst zum Photoshop-Pinsel und **erstellten selbst ein Logo für die Website**: [](https://www.kfz-driefer.de" target="_blank" rel="noopener) Danach konnten wir dann das Design fertigstellen und uns auch um passende **Bilder für den Slider auf der Homepage** kümmern. Das ging dann relativ zügig voran, so dass wir Mitte November tatsächlich fast fertig waren – es fehlte nur noch ein Porträtfoto von Herrn Driefer und sein Werdegang in Textform für die Seite [Über uns](https://www.kfz-driefer.de/99/ueber-uns" target="_blank" rel="noopener). Das Porträtfoto war schnell geschossen, anschließend verpassten wir dem Foto nach dem **Freistellen mit Photoshop** noch einen kreativen Hintergrund, und der Text war dann vor Ort in der Werkstatt auch gleich erstellt – voilà, fertig war die neue Website-Schönheit! ## Die Website von KFZ Service Driefer Vor allem die Slider-Bilder auf der Homepage gefallen uns wie auch dem Kunden sehr, und erlauben schon mal einen kleinen „Öha!“-Ausruf: [](https://www.muenchen-webdesign.de/wp-content/uploads/2017/12/2017-12-17-kfz-driefer.de-copyright.jpg) Aber am besten sieht man es natürlich live auf der Website – also schnell mal beim [Internetauftritt von KFZ Service Driefer](https://www.kfz-driefer.de" target="_blank" rel="noopener) vorbeigeschaut! ## Fazit Auch wenn sich das Projekt über mehrere Monate hingezogen hat, so hat uns die Website-Erstellung und die **Erstellung des Logos mit Photoshop** doch sehr viel Spaß gemacht. Und wie immer ist uns am Ende am wichtigsten, dass dem Kunden das Ergebnis und auch die Zusammenarbeit gefallen hat – und Herr Driefer hat uns beides gerne bestätigt. Sobald wir von ihm sein schriftliches Feedback zu dieser Kundenreferenz erhalten wird dieses natürlich wie gewohnt auf unserer Website unter [Kundenfeedbacks](https://www.fx-web.de/unternehmen/kundenfeedbacks/" target="_blank" rel="noopener) zu finden sein. Ich bedanke mich an dieser Stelle auch nochmals herzlichst bei Herrn Driefer für die jederzeit angenehme Zusammenarbeit, und wünsche ihm weiterhin **ganz viel Erfolg mit seinem Kfz-Meisterbetrieb!** Wir werden ihm auf jeden Fall noch sehr lange als Kunde erhalten bleiben. --- ## F/X-Quick-Tipp: Favicon in Browser-Tab aktualisieren URL: https://www.muenchen-webdesign.de/2017/10/29/fx-quick-tipp-favicon-in-browser-tab-aktualisieren/ ## Was ist ein Favicon? [Wikipedia](https://de.wikipedia.org/wiki/Favicon" target="_blank" rel="noopener noreferrer) erklärt den Begriff **Favicon** wie folgt: Ein **Favicon** ist ein sehr kleines, 16×16 oder 32×32 Pixel großes Icon, Symbol oder Logo, wie es typischerweise in der Adresszeile eines Webbrowsers links von der URL angezeigt wird. Das Favicon dient meist dazu, die zugehörige Website auf wiedererkennbare Weise zu kennzeichnen. Es erscheint auch in der **Lesezeichenliste** (Favoriten), bei den **Registerkarten** und unter Windows beim Speichern einer Seite. Die Einführung geht auf den Computerkonzern Microsoft zurück, dessen Internet Explorer 5 im Jahr 1999 erstmals Favicons darstellte. ## Auf die Größe kommt es (doch) an Allerdings ist diese Erläuterung nicht mehr ganz aktuell: von den im Jahr 2017 aktuellen Browsern zeigt lediglich der Internet Explorer 11 das Favicon in der Adresszeile an. Und es fehlt die Information, dass von Microsoft ab Internet Explorer 9 außer 16×16 und 32×32 Pixel noch **weitere Icon-Größen** unterstützt werden: 24×24 und 64×64 Pixel. Letzteres ist insbesondere im Hinblick darauf wichtig zu wissen, weil man seit Windows Vista aus dem Internet Explorer 9 (und neueren Versionen) heraus einen Webseiten-Link zum Start-Menü hinzufügen kann. Ab Windows 7 kam dann noch die Möglichkeit dazu, einen **Website-Link zur Windows Taskleiste (Taskbar) hinzuzufügen**, um häufig genutzte Webseiten schnell öffnen zu können. In beiden Fällen wird dann – sofern vorhanden – die Favicon-Größe 64×64 Pixel verwendet. Ist jedoch in der Icon-Datei (.ico) kein 64×64 Pixel Icon vorhanden, wird das größte in der Datei enthaltene Icon verwendet und auf 64×64 Pixel vergrößert – was dann natürlich meistens ein unscharfes Ergebnis liefert. Hier in der ersten Abbildung dargestellt der Zustand des Drag&Drop-Vorgangs bevor man den Website-Link auf der Taskbar „fallen lässt“. Darunter ist der fertige Shortcut auf der Taskbar (in Windows 10) abgebildet: Website auf der Taskleiste anpinnen Auf der Taskleiste angepinnte Website mit Tooltip ## Geniales Favicon-Tool: der X-Icon Editor Wer also für Internet Explorer 9 und neuer ein Favicon erstellen will das immer gut aussieht, dem empfehle ich den [X-Icon Editor.](http://www.xiconeditor.com/" target="_blank" rel="noopener noreferrer) Mit Hilfe dieses genialen und einfach zu bedienenden Online-Werkzeugs erstellen wir seit Jahren die Favicons für unsere Kunden-Websites. Denn es speichert alle vier vom Internet Explorer (bzw. von Windows für die Taskbar) unterstützten Pixelgrößen des Favicons in einer favicon.ico ab. ## Wo wird das Favicon angezeigt? Wer jetzt noch rätselt, wofür ein Favicon eigentlich gut ist und wo es angezeigt wird, hier sind Screenshots von den drei gängigsten Browsern dazu (das Favicon ist jeweils rot umrandet): Chrome – Favicon in Tab und Lesezeichen Firefox – Favicon in Tab und Lesezeichen IE11 – Favicon in Adressleiste, Tab und Favoriten ## Browser zum Anzeigen des neuen/geänderten Favicons „zwingen“ Nun aber zum eigentlichen Auslöser für den heutigen Quick-Tipp. Seit Jahren erlebe ich es bei der Erstellung neuer [Kunden-Websites](https://www.fx-web.de/unternehmen/kundenreferenzen/" target="_blank" rel="noopener noreferrer) immer wieder, dass trotz korrektem Einbau das **Favicon in der Webseite nicht im Browser angezeigt wird**. Das gilt ganz besonders beim [Worldsoft-CMS](http://fx.worldsoft.info/" target="_blank" rel="noopener noreferrer), bei dem nach der Grundeinrichtung des CMS durch Worldsoft bereits ein „Dummy“-Favicon (das Firmenlogo der Worldsoft AG) installiert ist. In der Regel ist es so, dass wenn ich die Website mit dem neuen oder geänderten Favicon **zum allerersten Mal im Browser aufrufe**, das neue Favicon dort auch sofort korrekt angezeigt wird. Wurde die Website jedoch bereits vorher einmal in diesem Browser geöffnet, hängt es sehr vom jeweiligen Browser ab, ob dieser das neue Favicon sofort anzeigt oder nicht. Ich arbeite meistens mit Mozilla Firefox, aber Worldsoft-CMS Websites bearbeite ich aus diversen Gründen seit über zwei Jahren in der Regel mit Google Chrome. Meiner Erfahrung nach zeigt **Chrome** ein geändertes Favicon sofort an. Manchmal muss ich jedoch auch bei Chrome „nachhelfen“, d.h. die Website forciert mit der Tastenkombination STRG+F5 vom Webserver neu laden. Im **Firefox** jedoch hilft in der Regel auch kein erzwungenes Neuladen der Seite vom Webserver. Auch beim **Internet Explorer** kann ich mich aus Zeiten, als ich noch verstärkt mit dem IE gearbeitet habe, an vergebliche Neulade-Versuche erinnern. ## Was läuft da schief? Der Grund für dieses Fehlverhalten dürfte an der Art und Weise liegen, wie die verschiedenen Browser die Zwischenspeicherung (das **Caching**) der Favicons für Lesezeichen (Bookmarks), Registerkarten (Tabs), usw. handhaben. Meine Versuche vor einigen Jahren hatten nämlich bereits ergeben, dass das Problem verschwand, wenn ich für das geänderte Favicon **einen anderen Dateinamen verwendete** als den Dateinamen des bisherigen Favicons. Da die Browser aber standardmäßig im Hautverzeichnis der Website nach einem Favicon mit dem Dateinamen **favicon.ico** suchen, wollte ich keinen anderen Dateinamen wählen. Ganz einfach um beim Standard zu bleiben und unsere Kunden und mich vor unliebsamen Überraschungen in der Zukunft zu schützen. ## Die Lösung des Problems Heute lief ich wieder einmal genau in dieses Problem. Deshalb nahm ich mir die Zeit erneut zu recherchieren, nachdem meine Recherchen vor ein paar Jahren ja leider erfolglos geblieben waren. Und siehe da – ich wurde fündig! Es ist unglaublich – wenn man die Lösung weiß und sieht, wie einfach diese ist, könnte man schon den Kopf schütteln ob der Tatsache, dass man nicht selbst darauf gekommen ist… Hier die kurze und simple Vorgehensweise um den** Browser zur Anzeige des Favicons zu „zwingen“**: Aufruf der Website, dabei jedoch den Pfad zur Favicon-Datei hinten an die URL anhängen: Beispiel: www.fx-web.de/favicon.ico Der Browser zeigt im Inhaltsfenster nur das Favicon an. - Jetzt das Neuladen dieser Seite mit der für den jeweiligen Browser gültigen Tastenkombination (STRG+F5, STRG+SHIFT+R, etc. – siehe auch unten) erzwingen. Jetzt die Website wie üblich aufrufen: Beispiel: [www.fx-web.de](https://www.fx-web.de" target="_blank" rel="noopener noreferrer) - Sollte das noch nicht reichen, muss der Browser (alle Fenster!) geschlossen und neu geöffnet werden. Spätestens jetzt sollte jedoch das geänderte Favicon korrekt angezeigt werden. Das war’s schon! Ich habe diesen Vorgang mit allen gängigen Browsern auf Windows PC’s erfolgreich getestet. Da mir jedoch kein Mac zur Verfügung steht hoffe ich, dass es auch für den Safari Browser auf der iOS Plattform funktioniert. Gerne können Sie uns Ihre persönliche Erfahrung (bitte mit detaillierten Versionsangaben zum Betriebssystem und Browser) unten über die Kommentarfunktion mitteilen. Browser-Tastenkombinationen zum erzwungenen Neuladen einer Seite Das „erzwungene“ Neuladen (engl.: **hard refresh** oder auch **hard reload**) einer Website-Seite kann in den gängigen Browsern wie folgt erreicht werden: ### Google Chrome Windows / Linux: - **STRG**-Taste gedrückt halten und **F5**-Taste drücken, oder - **STRG**-Taste und **SHIFT**-Taste gedrückt halten, dann die **R**-Taste drücken, oder - **STRG**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken, oder Mit der **F12**-Taste die Entwicklertools öffnen, dann **Rechtsklick** (oder langer Linksklick) auf den **Neu laden-Button** und den gewünschten Menübefehl aus dem Kontextmenü auswählen: [](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Chrome-Kontextmenue-des-Neu-Laden-Buttons.jpg)Chrome – Kontextmenü des Neu-Laden-Buttons Mac: - **CMD**-Taste („Apfel-Taste“) und **SHIFT**-Taste (Taste mit Pfeil nach oben) gedrückt halten, dann die **R**-Taste drücken, oder - **SHIFT**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken ### Mozilla Firefox Windows / Linux: - **STRG**-Taste gedrückt halten und **F5**-Taste drücken, oder - **STRG**-Taste und **SHIFT**-Taste gedrückt halten, dann die **R**-Taste drücken Mac: - **CMD**-Taste („Apfel-Taste“) und **SHIFT**-Taste (Taste mit Pfeil nach oben) gedrückt halten, dann die **R**-Taste drücken, oder - **SHIFT**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken ### Microsoft Internet Explorer / Microsoft Edge - **STRG**-Taste gedrückt halten und **F5**-Taste drücken, oder - **STRG**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken ## Fazit Ich hoffe, dass ich euch mit diesem **F/X-Quick-Tipp** weiterhelfen konnte. Über Kommentare und Feedbacks zum Artikel und Teilen auf Facebook & Co. würde ich mich sehr freuen! --- ## Mega-Website-Relaunch: Kirchheimer Narrenrat e.V. nun im Responsive Design URL: https://www.muenchen-webdesign.de/2017/04/07/mega-website-relaunch-kirchheimer-narrenrat-e-v-nun-im-responsive-design/ ## Relaunch im Responsive Design oder „Was lange währt, wird endlich gut!“ Dieses Sprichwort wird gerne verwendet, wenn nach langer Zeit ein vorzeigbares Ergebnis zu sehen ist. Dann hat sich der Aufwand gelohnt und das Resultat ist gut oder gar fantastisch. Nie war diese Redensart bei F/X Web Consulting zutreffender als bei unserer neuesten Kundenreferenz: dem Relaunch der neuen Website des **Kirchheimer Narrenrat e.V.**, auch **Kirnarra** genannt. ## Historie Im **Mai 2015** hatte mich ein guter alter Freund (gleichzeitig ehemaliger Präsident des Vereins) darauf angesprochen, ob ich denn die Website des Kirchheimer Narrenrat e.V. modernisieren könnte. Er selbst hatte sich etwa seit dem Jahr 2000 mit viel Engagement um die Website gekümmert. Er sah sich jedoch aus verschiedensten Gründen nicht mehr in der Lage, diese nun auf den modernsten Stand der Dinge zu bringen. Ich sah mir die Webseite an und war sofort Feuer und Flamme für dieses Projekt. Einerseits, weil es eine völlig andere „Branche“ (Karnevalsverein) war mit der ich bislang noch keinerlei Vorerfahrungen hatte. Andererseits, weil mir bereits nach dem ersten Gespräch klar war, dass dies aufgrund der historisch gewachsenen Datenmenge (insbesondere **umfangreiche Bildergalerien**) und einiger spezieller Anforderungen (**geschlossener Mitgliederbereich**) ein sehr spannendes Projekt für einen Relaunch und damit eine echte Herausforderung war. Es dauerte dann aber doch noch eine Weile bis ein Termin für eine Erstberatung mit Vorstandsmitgliedern der Kirnarra zustande kam – am **13.** August 2015 war es dann soweit. Das Beratungsgespräch verlief sehr gut und angenehm, und am Ende war erkennbar, dass F/X Web Consulting „gute Karten“ für den **Relaunch-Auftrag** hatte. Die Fertigstellung war für den Tag der Inthronisation der Karnevalssaison 2015/2016 am 05.01.2016 vorgesehen. Entsprechend flott wurde dann bereits zwei Tage nach dessen Versand unser Angebot akzeptiert und wir mit dem Relaunch beauftragt – und ich konnte meinen verdienten Sommerurlaub antreten. ## Vorher So sah die bisherige Website aus (die noch eine Intro-Seite besaß): Screenshot der Intro-Seite von kirnarra.de am 07.11.15 Screenshot der Home-Seite von kirnarra.de am 07.11.15 ## Projektablauf – 2015 Im September begannen wir damit, die neue Navigationsstrukur zu erstellen. Die alte Website war noch auf der Basis von **Frames** und **statischen HTML-Seiten** (also ohne ein [CMS](https://www.fx-web.de/faq/glossar/#ha1588" target="_blank" rel="noopener)) erstellt worden, was schon seit einigen Jahren nicht mehr „State-of-the-Art“ ist. Zudem erhalten auf Frames basierende Seiten meist ein schlechteres Ranking in den Suchmaschinen. Wir konsolidierten entsprechend die alte Frame-Navigation zu einer neuen, vereinfachten Navigation, um den Besucher schneller die gewünschten Informationen finden zu lassen. Wir optimierten auch **das Logo der Kirnarra** und wurden bei der Suche nach einem Web-Font für die im Schriftzug „Kirnarra“ verwendete Serifen-Schriftart **Matura Script Capitals** fündig. Die ersten, für das Design, den Slider und einige Inhaltsseiten benötigten Bilder wurden auch bereits geliefert, und wir machten uns ans Werk, die neuen Inhaltsseiten zur neuen Navigation zu erstellen. Bedingt durch die Umstellung der Website von statischen HTML-Seiten auf das [Worldsoft-CMS](http://fx.worldsoft.info/" target="_blank" rel="noopener) musste auch der Provider gewechselt – und damit auch zahlreiche Mitglieder- und Funktions-Postfächer umgezogen – werden. Auch dies galt es zu koordinieren, Ansprechpartner beim Verein war hierfür der Ratsschreiber. Dank der exzellenten Zusammenarbeit mit ihm wurden alle Mitglieder rechtzeitig über den Wechsel informiert. Diese konnten später **ohne Unterbrechung auf Ihre E-Mails und den neuen geschlossenen Mitgliederbereich zugreifen**. Der Umzug zu einem neuen Provider und einem CMS-System erforderte es, alle bisherigen – oft auf Basis von HTML-Tabellen formatierte – Inhalte neu ohne Tabellen und im Hinblick auf Responsive Design zu erstellen – was „Handarbeit“ bedeutete und entsprechend einiges an Zeit in Anspruch nahm. Die **via YouTube mit deren Standard-Embedded-Code eingebetteten Videos** stellten wir so um, dass sie **asynchron geladen werden** – da ansonsten die Ladezeit einer Videogalerie-Inhaltsseite unerträglich geworden wäre. ### Eingebremst… Ende **November 2015** waren große Teile der bisherigen Website auf die neue Website umgezogen, es fehlten lediglich noch Teile des internen Mitgliederbereichs sowie ein Großteil der umfangreichen Bildergalerien. Deshalb vereinbarten wir einen ersten **Projekt-Review-Termin** mit dem Auftraggeber für Mitte Dezember. Diesen nutzten wir auch gleich für eine erste Einführung des bei der Kirnarra für die Inhaltspflege verantwortlichen Ratsschreibers. Im Rahmen dieses Termins wurde auch klar, dass bedingt durch die **enorme Menge an Fotos in den jährlichen Fotogalerien** (teilweise über 300 Bilder pro Jahr) der ursprünglich geplante Fertigstellungstermin am 05.01.2016 gefährdet war. Außerdem gab es noch technische Schwierigkeiten mit dem CMS-System beim Login in den internen Mitgliederbereich, die durch den CMS-Anbieter behoben werden mussten. Dadurch bestand die Gefahr, dass bei einem forcierten Umzug zum geplanten Zeitpunkt die Mitglieder nicht mehr auf den Auftrittskalender und weitere wichtige internen Informationen hätten zugreifen können. Deshalb entschieden wir schweren Herzens und in Übereinstimmung mit dem Verein, den Relaunch der neuen Website auf einen Zeitpunkt nach der abgeschlossenen Saison 2015/16 zu verschieben. ## Projektablauf – 2016 Ab **Januar 2016** wurden die restlichen Inhalte, insbesondere die Bilder aus den Fotogalerien, umgezogen, sowie das **Gästebuch** optimiert. Das technische Problem mit dem CMS-System und den Mitglieder-Logins wurde vom Hersteller gelöst. Bedingt durch das alte, stark in die Jahre gekommene Backend des CMS-Systems gab es jedoch die Einschränkung, dass sich die Mitglieder nicht wie bisher gewohnt mit ihrer E-Mail-Adresse im internen Bereich hätten anmelden können, sondern mit einer eigens dafür erstellten Kennung. Der CMS-Provider, die Worldsoft AG, hatte bereits vor einiger Zeit mit einer **Neuentwicklung des Backend** (die [WBS – Worldsoft Business Suite](http://fx.worldsoft-wbs.info/" target="_blank" rel="noopener)) begonnen, aber noch keinen Zeitpunkt für die Fertigstellung benannt. Die im Vergleich zum bisherigen Backend wesentlich modernere WBS hätte uns einige Sorgen abgenommen. Umso überraschter waren wir, als die Worldsoft AG im März 2016 die Verfügbarkeit der ersten Ausbaustufe der neuen WBS verkündete. Nach Rücksprache mit unserem Auftraggeber ließen wir dann im April den bisherigen Backend von Worldsoft auf die neue WBS umstellen. Damit wurde es ermöglicht, dass sich **die Mitglieder wie gewohnt per E-Mail-Adresse anmelden können**. Zudem ist die WBS insgesamt deutlich bedienerfreundlicher (und im Responsive Design) gestaltet, was dem Ratsschreiber der Kirnarra die Verwaltung der Mitgliederdaten deutlich erleichtert. Im **Mai und Juni 2016** waren wir dann mit einigen WBS-spezifischen Themen beschäftigt, und **programmierten noch in JavaScript/jQuery ein paar Funktionen nach**, die das CMS-System nicht von sich aus beherrscht. So stellen wir damit beispielsweise sicher, dass beim Durchforsten der Bilder in den Fotogalerien bei einem Bild kein Untertitel angezeigt wird, wenn keiner eingegeben wurde. Denn das CMS zeigt standardmäßig ansonsten den Namen der Bilddatei an, was aber nicht gewünscht war. Es wurden die letzten Bilder zu den neuen Fotogalerien umgezogen und letzte kleine Korrekturen und Optimierungen vorgenommen. Als neuer Fertigstellungszeitpunkt (Website Go-Live) wurde der **20. September 2016** vereinbart, also rechtzeitig vor Beginn der neuen Karnevalssaison. ## Projekt-Endspurt Am **16.09.2016** stellten wir dem Präsidium im Rahmen einer Vorstandssitzung die neue Website vor. Die Anwesenden waren sehr zufrieden mit dem neuen Design und lobten auch die neue Navigation und inhaltliche Aufteilung. [Hier finden Sie das Feedback dazu auf unserer Website](https://www.fx-web.de/unternehmen/kundenfeedbacks/#a1663" target="_blank" rel="noopener). Der geplante Go-Live-Termin wurde nochmals bestätigt. Die Mitglieder wurden rechtzeitig vorher über den bevorstehenden Umzug der Website informiert und mit neuen Zugangsdaten zu ihren E-Mail-Postfächern und zum internen Mitgliederbereich versorgt. Und so ging die neue Website dann auch am **20.09.2016** endlich **live**. ## Nachher Hier ein Screenshot der von uns erstellten neuen Website am Tag des Relaunchs: [](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2016-09-29-kirnarra.de-responsive-design-4-screens-copyright.jpg)Die Website der Kirnarra nach dem Relaunch im Responsive Design ## Fazit Nach dem Relaunch erfolgte auch noch eine mehrstündige Schulung des Ratsschreibers in die WBS um künftig die Mitgliederverwaltung übernehmen zu können. Und selbstverständlich stehen wir ihm auch weiterhin bei Bedarf mit Rat und Tat zur Seite. Kürzlich haben wir die Website auch mit einem **SSL-Zertifikat** ausgestattet, so dass der Datenaustausch mit der Website nun ausschließlich verschlüsselt erfolgt. Das bedeutet ein klares Plus für die Datensicherheit der Informationen für die Mitglieder im internen Bereich. Mehr zum Thema SSL-Zertifikat finden Sie auch in unserem Artikel [Blog von F/X Web Consulting auf SSL (HTTPS) umgestellt](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/" target="_blank" rel="noopener). Wir haben im Rahmen dieses Projekts einiges dazugelernt (z.B. im Bereich der **realistischen Aufwandsschätzung**) und einige nette Mitglieder bei der Kirnarra kennengelernt. Unser **ganz besonderer Dank** geht an Dieter S. und Thomas H., ohne deren tolle Unterstützung sich dieses Mammut-Projekt wesentlich schwieriger gestaltet hätte. Wer sich bei der Kirnarra über deren Vereinstätigkeiten informieren möchte, findet alles dazu unter [www.kirnarra.de](https://www.kirnarra.de/" target="_blank" rel="noopener) – auch die Informationen zum [Mitglied werden](https://web.archive.org/web/20161023205937/http://www.kirnarra.de/" target="_blank" rel="noopener). --- ## Weiterleitung von HTTP auf HTTPS mit www per htaccess-Datei einrichten URL: https://www.muenchen-webdesign.de/2017/02/11/weiterleitung-von-http-auf-https-mit-www-per-htaccess-datei-einrichten/ ## .htaccess-Datei – eine praxiserprobte Universallösung In diesem Artikel stellen wir Ihnen eine Universallösung für eine .htaccess-Datei vor. Mit Hilfe dieser Datei können Sie auf jeder beliebigen Website die permanente Weiterleitung von HTTP nach HTTPS mit Prefix www einrichten. ## Wozu ist eine Weiterleitung von HTTP auf HTTPS notwendig? Wie schon in unserem [vorherigen Beitrag zur Umstellung unseres eigenen Blogs auf HTTPS](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/) berichtet, ist es zunehmend wichtig, nicht nur Online-Shops sondern „ganz normale“ Websites mit einem **SSL-Zertifikat** zu versehen um einen **verschlüsselten Datentransfer** des Besuchers mit der Website zu ermöglichen. Das Zertifikat alleine genügt jedoch bei vielen Webhosting-Anbietern noch nicht. Denn Ihr Besucher kann die Website nach wie vor nicht nur über HTTPS sondern auch **weiterhin über HTTP aufrufen**. Und da viele Internet-Surfer heutzutage Ihre Lieblings-Webseiten in den Browser-Favoriten/-Lesezeichen speichern, ist dort natürlich weiterhin die HTTP-Variante gespeichert. Sendet Ihnen Ihr Website-Besucher nun per Kontaktformular eine Anfrage, werden die sensiblen Daten des Besuchers **unverschlüsselt über das Internet übertragen**, und können abgefangen werden. Hinzu kommt noch das Problem von **Duplicate Content**. ## Was ist Duplicate Content? Duplicate Content (doppelte Inhalte) entsteht, sobald identische oder sehr ähnliche Texte oder Textteile, Bilder und weitere Inhalte über unterschiedliche URLs zu erreichen sind. Oder anders formuliert: der gleiche oder ein sehr ähnlicher Inhalt ist auf verschiedenen Seiten der gleichen oder einer anderen Website zu finden. ### Beispiele für Duplicate Content sind: - Eine Website ist sowohl **mit www** als auch **ohne www** erreichbar - Eine Website ist sowohl **mit http** als auch **via https** erreichbar - Der Inhalt ist in verschiedenen (digitalen) Versionen online zu finden (z.B. HTML und PDF) - Umfangreiche Inhalte werden in der Seitenleiste (Sidebar) und/oder im Fußbereich (Footer) verwendet, und diese Inhalte wiederholen sich auf jeder Inhaltsseite der Webseite - Der Inhalt wurde (unerlaubt) kopiert Suchmaschinen wie Google & Co. und ihre Algorithmen bemühen sich, dem Nutzer die besten und möglichst nur relevante Suchergebnisse zu liefern. Doppelte Inhalte erschweren den Suchmaschinen jedoch die Arbeit, zwischen verschiedenen Versionen eine Entscheidung für das beste Ergebnis zu treffen. Jeder Webseitenbetreiber sollte es sich daher zum Ziel setzen, **einzigartige Inhalte zu publizieren**, und dadurch die Gefahr doppelter Inhalte zu minimieren. **Nur am Rande bemerkt:** ob sich Duplicate Content negativ auf das Ranking der Website bei den Suchmaschinen auswirkt wird nach wie vor kontrovers diskutiert. Bei den großen SEO-Agenturen gibt es dazu jedenfalls keine einheitlichen Aussagen. Wenn Sie auf Nummer Sicher gehen möchten, vermeiden Sie doppelte Inhalte. ## Wie erreiche ich die Weiterleitung von HTTP auf HTTPS (mit und ohne www)? Ob Sie sich um die Weiterleitung von HTTP auf HTTPS und ggf. auch die Weiterleitung auf mit oder ohne www selbst kümmern müssen hängt in der Regel von **zwei Faktoren** ab: - Dem **Webhosting-Anbieter** bzw. der von ihm verwendeten Webhosting-Plattform (z.B. cPanel, Plesk), und - Dem verwendeten **CMS-System** Manche Webhosting-Provider stellen automatisch sicher, dass bei der Aktivierung des SSL-Zertifikats für eine Domain sämtliche Aufrufe der Website über HTTPS erfolgen. Bei anderen Providern müssen Sie sich selbst darum kümmern, und dies geschieht dann in der Regel über die sogenannte **.htaccess-Datei**. Wenn Sie sich nicht sicher sind, fragen Sie Ihren Webspace-Provider. Auch bei **CMS-Systemen** gibt es Unterschiede in der Handhabung von HTTP vs. HTTPS, wie auch der Verwendung des www-Prefix. Bei **WordPress** etwa müssen Sie (wie auch wir bei unserem Unternehmens-Blog) nach einer Umstellung auf HTTPS zusätzlich die WordPress-Konfiguration auf den Aufruf via HTTPS anpassen. Dies erfolgt entweder in der WordPress-Administration oder über die Datei wp_config.php ([hier finden Sie eine Erläuterung dazu](https://web.archive.org/web/20171211012949/https://www.webongo.de/wordpress-https-umstellen/" target="_blank" rel="noopener noreferrer)). Das Gleiche gilt für die automatische Weiterleitung auf mit www oder ohne www – auch hier müssen die entsprechenden Anpassungen vorgenommen werden. Beim **Worldsoft-CMS**, welches wir bei über 90% unserer Kunden einsetzen, müssen wir lediglich in der Administration eine einzige SSL-Einstellung aktivieren, und schon wird die Website automatisch nur über HTTPS ausgeliefert. Genauso einfach ist die Konfiguration dafür, ob Sie Ihre Website lieber mit oder ohne www-Prefix angezeigt bekommen möchten. Aus diesen und weiteren Gründen ist beim Worldsoft-CMS auch gar kein Zugriff auf eine .htaccess-Datei notwendig und möglich – **alles wird bequem über die Administration eingestellt**. ## Was ist eine .htaccess-Datei? Die .htaccess Datei ist eine **Konfigurationsdatei im reinen Textformat**, die in der Regel **im Hauptverzeichnis eines Webauftritts** angelegt wird. Hierbei handelt es sich in der Regel um das gleiche Verzeichnis, in dem sich auch die Inhaltsseite index.htm oder index.php befinden. Diese Datei bietet die Möglichkeit, Verzeichnis-spezifische Einstellungen für eine Domain und deren Unterseiten bzw. -verzeichnisse vorzunehmen. Eine .htaccess Datei kann überall dort platziert werden wo der Besucherfluss kontrolliert werden soll. So ist es zum Beispiel möglich, Verzeichnisse, Seiten oder auch einzelne Dateien vor dem Zugriff von Besuchern zu schützen und Weiterleitungen (sogenannte **Redirects**) auf andere Verzeichnisse oder Seiten einzurichten. Eine **permanente Weiterleitung** wird auch als **301er-Redirect** bezeichnet. Der Zugriff auf die .htaccess-Datei unterscheidet sich ebenfalls von Provider zu Provider. Manche ermöglichen den direkten, editierenden Zugriff auf den Inhalt aus der Administration heraus. Bei anderen Anbietern ist die Verwendung eines FTP-Client-Programms (beispielsweise FileZilla) nötig, um die .htaccess-Datei herunterzuladen, den Inhalt zu bearbeiten, und die Datei anschließend wieder hochzuladen. **Ein wichtiger Hinweis:** Bitte beachten Sie, dass fehlerhafte Eingaben in der .htaccess Datei schwerwiegende Auswirkungen bis hin zur Nicht-Erreichbarkeit Ihrer Website haben können. Änderungen an der .htaccess treten direkt nach der Speicherung bzw. dem Hochladen der Datei in Kraft. Erstellen Sie daher vor jeder Änderung der .htaccess Datei unbedingt eine Sicherungskopie – oder [wenden Sie sich an Profis wie uns](https://www.fx-web.de/kontakt" target="_blank" rel="noopener noreferrer). ## Die eierlegende Wollmilchsau (Universal-Lösung) einer .htaccess-Datei ### Warum „eierlegende Wollmilchsau“? Weil ich mir seit Jahren bis vor kurzem bei jeder vorzunehmenden Änderung einer .htaccess-Datei den kleinen grauen Gehirnkasten zermartern und mich oft über einige misslungene Versuche ärgern musste, bevor es dann gepasst hat. Was auch daran liegt, dass die Regeln für die Weiterleitung als sogenannte **Regular Expressions** (reguläre Ausdrücke, kurz **RegEx**) eingetragen werden. Und ich habe mich schon immer mit RegEx’s schwer getan, so auch zuletzt bei unserer [Umstellung von muenchen-webdesign.de auf HTTPS/SSL](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/). Aber vor kurzem war die Umstellung auf HTTPS bei einem Online-Shop durchzuführen. Erschwerend kam hinzu, dass wir bestehende Weiterleitungen auf Ziele außerhalb des Online-Shops in der .htaccess-Datei beibehalten mussten. Was ich auch versuchte, es klappte nicht mit dem Wissen das ich schon hatte. Also machte ich mich erneut auf die Suche im www-Dschungel nach einer **universellen Lösung** – **und wurde endlich fündig!** Nachdem ich diese Lösung in der .htaccess-Datei des oben erwähnten Online-Shops hinterlegt hatte, funktionierte plötzlich alles wie von Geisterhand richtig. Und auch wenn ich die Lösung inhaltlich verstehe, so wäre ich wohl nie in der Lage gewesen, diese selbst zu erstellen. Es sei denn, mit Hilfe eines mehrwöchigen Aufenthalts in einem Kloster in völliger Abgeschiedenheit (aber natürlich mit DSL-Anschluss)… ### So sieht die Universal-Lösung für eine .htaccess-Datei für die Weiterleitung von HTTP nach HTTPS und mit www-Prefix aus Nun will ich Sie aber nicht länger auf die Folter spannen, hier ist die Lösung: RewriteEngine On # ensure www. RewriteCond %{HTTP_HOST} !^www\. [NC] RewriteRule ^ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301] # ensure https RewriteCond %{HTTP:X-Forwarded-Proto} !https RewriteCond %{HTTPS} off RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] Einen Grundkurs (Tutorial) zur Verwendung und Erstellung von .htaccess-Dateien [finden Sie hier](https://de.onpage.org/knowledge-base/tutorials/htaccess/" target="_blank" rel="noopener noreferrer). Hier nur kurz erläutert was gemacht wird: In der ersten Zeile wird mit **RewriteEngine On** das Modul mod_rewrite des Apache-Webservers gestartet. Ohne dieses Modul wären die restlichen Zeilen wirkungslos. Die zweite und fünfte Zeile sind Kommentarzeilen. Alle Zeilen, die mit einem Hashtag **#** beginnen, sind Kommentarzeilen und ansonsten ohne Funktion. Die dritte und vierte Zeile sorgen dafür, dass sämtliche eingehenden Anfragen mit dem Prefix (Subdomain) **www** an den Webserver gesendet werden. Zuerst wird mit dem Schlüsselwort RewriteCond (Rewrite Condition) festgelegt, welchem Muster die eingehende Anfrage (URL) entsprechend muss, damit dann die hinter dem Schlüsselwort RewriteRule (Rewrite Rule = Umschreibe-Regel) spezifizierte Anweisung bzw. Regel ausgeführt wird. Die 301 am Ende der vierten Zeile sorgt dafür, dass den Bots der Suchmaschinen diese Weiterleitung als permanente Weiterleitung (**301er-Redirect**) mitgeteilt wird. Die letzten drei Zeilen sorgen dafür, dass sämtliche eingehenden HTTP-Anfragen auf eine **HTTPS-Anfrage** an den Webserver umgewandelt werden. Hier sind gleich zwei RewriteCond-Bedingungen zu erfüllen, bevor dann die hinter RewriteRule angegebene Regel ausgeführt wird. Auch hier ist in der achten Zeile die Kennzeichnung als **301er-Weiterleitung** erkennbar. Natürlich darf an dieser Stelle nicht der Verweis auf den Urheber dieser Lösung ([Eric K](http://serverfault.com/users/316657/eric-k" target="_blank" rel="noopener noreferrer)) fehlen, dem ich auf ewig dankbar sein werde. [Sie finden die Lösung im Original hier](http://serverfault.com/questions/523199/redirect-all-http-and-https-non-www-urls-to-https-www-example-com-via-htaccess" target="_blank" rel="noopener noreferrer). [](http://serverfault.com/questions/523199/redirect-all-http-and-https-non-www-urls-to-https-www-example-com-via-htaccess" target="_blank" rel="noopener noreferrer) Diese Lösung sollte auch mit relativ wenig Aufwand so umzuschreiben sein, dass immer auf „ohne www“ weiterleitet wird. Aber diesem Thema widme ich mich erst dann wenn der erste Kunde darauf besteht… ## Fazit Blut, Schweiß und Tränen ade! Ich bin heilfroh für künftige Weiterleitungs-Anforderungen endlich eine Universal-Lösung zu haben, die für jede Website-Domain einsetzbar ist. Und die trotzdem noch um funktionierende permanente Weiterleitungen (z.B. über RedirectPermanent) erweitert werden kann, ohne dass es Fehler gibt. Ich hoffe, diese Universal-.htaccess-Datei hilft noch vielen weiteren Webmastern wie mir – viel Spaß damit! --- ## Blog von F/X Web Consulting auf SSL (HTTPS) umgestellt URL: https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/ ## Ab sofort via SSL erreichbar: https://www.muenchen-webdesign.de Nach unserer **Umstellung auf SSL/HTTPS** sieht es nach dem Aufruf der Site in der Google Chrome Browser-Adresszeile ab sofort erfreulicherweise so aus: ## Was ist SSL bzw. TLS? SSL (Secure Sockets Layer – die alte Vorgängerbezeichnung) bzw. TLS (Transport Layer Security – die heute gängige, neue Bezeichnung) ist ein hybrides **Verschlüsselungsprotokoll** zur sicheren Datenübertragung im Internet. TLS-Verschlüsselung wird heute vor allem in Verbindung mit HTTPS für den Zugriff auf Webseiten, aber auch Webservices oder z.B. für den Zugriff auf Office 365 (Outlook Web Access, OWA) eingesetzt. Im Unterschied zum unverschlüsselten Zugriff auf Webseiten via HTTP werden beim Zugriff via HTTPS sämtliche Daten zur und von der Website **verschlüsselt übertragen**. Beim unverschlüsselten Datentransfer können diese von Hackern im Internet „abgegriffen“ und natürlich entsprechend missbräuchlich verwendet werden – beim verschlüsselten Datentransfer jedoch hat der Hacker im Normalfall keine Chance. Insbesondere Betreiber von Online-Shops achten in der Regel darauf, dass der Shop nur über HTTPS erreichbar ist – denn hier werden im Rahmen von Kauftransaktionen **sensible Kundendaten** (Name, Adresse, Kreditkartendaten, etc.) übertragen, und wenn dies verschlüsselt erfolgt, sind die Daten des Kunden geschützt. Allerdings ist die SSL/TLS-Verschlüsselung auch nur sicher wenn das zugehörige Zertifikat von einer **vertrauenswürdigen Zertifizierungsstelle** ausgestellt wurde. John Mueller von Google macht dazu in einem Google Webmaster Hangout sehr interessante Aussagen: [https://youtu.be/AdzlHxRJpak?t=1015](https://youtu.be/AdzlHxRJpak?t=1015" target="_blank) Hier finden sich [mehr Informationen zu TLS auf Wikipedia](https://de.wikipedia.org/wiki/Transport_Layer_Security). ## Warum die Umstellung auf SSL? Wir hatten ja schon seit längerem unsere F/X Web Consulting Unternehmens-Website auf SSL umgestellt, nachdem im August 2014 bekannt geworden war, dass **Google Webseiten mit SSL im Ranking bevorzugt** (englischer Artikel im Google Webmaster Central Blog: HTTPS as a ranking signal) – also ein wichtiger Baustein für die Suchmaschinenoptimierung (SEO). Aber natürlich auch deshalb,weil wir dort ein [Kontaktformular](https://www.fx-web.de/kontakt/kontakt.php) sowie ein [Registrierungsformular für unseren F/X Web Consulting Newsletter](https://www.fx-web.de/news/index.php) (unsere F/X-News) vorhalten, und wir sichergehen wollten, dass die in den Formularen eingegebenen Daten nach dem Absenden verschlüsselt übertragen werden. Nicht zuletzt gibt es noch einen Vorteil: **der Abruf der Seiten wird schneller!** Das sorgt für zufriedenere Besucher (speziell auf Smartphones/Tablets ohne LTE) und ist auch ein wichtiger Suchmaschinenfaktor. Das klingt im ersten Moment unlogisch, schließlich benötigt die Ver- und Entschlüsselung zusätzliche Rechenzeit. Aber es wird klar wenn man weiß, dass die meisten Webserver für die verschlüsselte Verbindung Googles SPDY-Protokoll, eine Alternative zu HTTPS, verwenden – und diese ist bereits standardmäßig verschlüsselt. Da ein SSL-Zertifikat in der Regel je nach **Validierungsstufe** (siehe auch [Extended-Validation-Zertifikat](https://de.wikipedia.org/wiki/Extended-Validation-Zertifikat)) einige Kosten verursachen kann, und wir hier auf unserem Unternehmens-Blog keine Formulare einsetzen oder sensible Transaktionen erfolgen, hatten wir bisher auf die Umstellung verzichtet. Nun geht Google aber mit seinem Chrome Browser noch einen Schritt weiter, und **warnt ab Januar 2017** im Chrome Browser ab Version 56 den Browser-Nutzer vor Webseiten ohne SSL-Zertifikat- das sieht dann wie folgt aus: Hier auch ein [Artikel dazu auf dem dogado-Blog](https://www.dogado.de/google-chrome-warnt-vor-seiten-ohne-ssl-zertifikat-https/). Und Google plant offensichtlich, die Warnhinweise im Browser schrittweise auszuweiten. Es bleibt abzuwarten, ob andere Browser-Hersteller nachziehen… Nachdem wir unsere (Erst-)Besucher aber keinesfalls verschrecken wollen, haben wir uns nun auch auf www.muenchen-webdesign.de an die Umstellung gemacht. ## Die Umstellung auf SSL (HTTPS) in der Praxis **Was war also zu tun? ** Folgende Schritte mussten wir nach und nach erledigen, um die Umstellung hinzubekommen. - Bei unserem Website-Provider einen **Certificate Signing Request** (CSR) erstellen - Mit dem CSR bei einer Zertifizierungsstelle das SSL-Server-Zertifikat für www.muenchen-webdesign.de besorgen - Das ausgestellte SSL-Zertifikat bei unserem Provider hochladen - Das hochgeladene Zertifikat in den Website-Einstellungen der Domain zuordnen (damit es auch verwendet wird) - Die .htaccess-Datei unserer Website so anpassen, dass automatisch immer (also auch bei Eingabe von http://www.muenchen-webdesign.de ohne ’s‘) immer auf die HTTPS-Variante weitergeleitet wird Die wp_config.php von WordPress mit Hilfe der entsprechenden DEFINE-Befehle auf HTTPS umstellen und hochladen: define('WP_SITEURL', 'https://www.muenchen-webdesign.de'); define('WP_HOME', 'https://www.muenchen-webdesign.de'); - Nach dem ersten Aufruf der Website mit HTTPS alle Seiten und Beiträge nach „alten“ Verlinkungen auf Ressourcen (Seiten, Beiträge, Bilder) von unserer eigenen Website durchforsten und korrigieren. Wenn man eine umfangreiche Website hat, empfiehlt es sich, diesen Schritt bereits vor der Umstellung umzusetzen – denn je nach Umfang der Inhalte kann das eine Weile dauern, falls man nicht schon zuvor konsequent „sauber“ gearbeitet hat (also bei Ressourcen der eigenen Website relative Links verwendet). Hierbei sind uns dann auch gleich zwei Schwächen von WordPress aufgefallen, dazu aber weiter unten mehr. - Nach der Korrektur aller Links die Website nochmals mit Google Chrome, Mozilla Firefox und Microsoft Internet Explorer 11 sowie Microsoft Edge geprüft – alles gut! Nun müssen wir nur noch Google über die Google Search Console „mitteilen“, dass sie uns künftig über HTTPS indizieren sollen. ## Worauf man vor der Umstellung achten sollte Bei Verlinkungen auf eigene Ressourcen (also **interne Links** auf Seiten der eigenen Website und Bilder, die auf der eigenen Website liegen) sollten Sie nach Möglichkeit nur **relative Links** verwenden. Verlinken Sie also nicht per **absolutem Link** (Beispiel: http://www.domain.tld/meine-unterseite/index.html) sondern per relativem Link auf /meine-unterseite/index.html. **Warum?** Weil spätestens nach der Umstellung auf SSL, sprich HTTPS, die Browser bemängeln, wenn innerhalb einer Seite einer Website auf eigene Ressourcen mit HTTP verlinkt wird (sogenannte „gemischte Inhalte“oder auf Englisch „mixed content“). Ganz besonders deutlich sieht man dies im Internet Explorer, der dann diese via HTTP verlinkten internen Inhalte erst gar nicht anzeigt, sondern stattdessen dem Browser-Nutzer am unteren Bildschirmrand die Fehlermeldung „**Nur sicherer Inhalt wird angezeigt**“ präsentiert: ## WordPress-Eigenheiten Im Rahmen der Umstellung auf SSL sind uns zwei WordPress-Eigenheiten aufgefallen, auf die man achten muss. Die betrifft allerdings nur Website-Betreiber, die ihre Website bislang ohne SSL betrieben haben. Wer von vornherein seinen WordPress-Blog mit SSL eingerichtet und betrieben hat, den betrifft dies nicht (so lange er keine expliziten internen HTTP-Links verwendet). ### Absolute Links (URLs) auf interne Seiten und Blog-Beiträge Werden in WordPress Links auf eigene (interne) Seiten oder auch Blog-Beiträge erstellt, so nutzt WordPress hierzu leider immer absolute Links. Beim noch relativ neuen Inline-Link-Editor in WordPress sieht das dann so aus: Nach der Auswahl des Eintrags „Blog & News“ trägt WordPress den absoluten Pfad zur Seite als Link ein: Diesen Pfad müssen Sie nun korrigieren und den Teil vor dem benötigten relativen Link entfernen. Zuletzt dann die Änderung mit dem Pfeilsymbol-Button speichern: Die Einbindung von Bildern aus der WordPress-Medien-Bibliothek betrifft dies nicht. Hier handhabt WordPress die Umstellung von HTTP auf HTTPS im Hintergrund „automatisch“ korrekt. ### Gravatar-Bild Auch ein eventuell hochgeladenes Gravatar-Bild wird von WordPress mit einem absoluten Link eingebunden. Hier müssen Sie nach der Umstellung auf SSL bei den Benutzern **das Profilbild neu hochladen**. Leider gibt es keine andere Möglichkeit den absoluten Link auf einen relativen Link zu ändern. ## Fazit Insgesamt haben wir für die Umstellung gerade einmal drei Stunden benötigt, dann war die „Operation“ geglückt. Nur gut, dass wir in der Vergangenheit schon vorausschauend mit relativen Links gearbeitet hatten. Nun sind wir natürlich auch gespannt und neugierig darauf, ob sich das Ranking unseres Unternehmens-Blogs in Google „spürbar“ verbessern wird. Haben Sie bereits Erfahrungen in der Umstellung von WordPress-Seiten auf SSL gemacht? **Kennen Sie Tools, Tipps & Tricks für die Umstellung?** Dann nutzen Sie bitte die **Kommentarfunktion unter diesem Beitrag** und berichten Sie uns davon! --- ## Relaunch im Responsive Design: VäterNetzwerk München e.V. URL: https://www.muenchen-webdesign.de/2016/06/11/relaunch-im-responsive-design-vaeternetzwerk-muenchen-e-v/ ## Relaunch „dezent“ Heute kann ich mit Freude von einem weiteren Relaunch im Responsive Webdesign berichten: die Website des VäterNetzwerk München e.V. erstrahlt nun im neuen Glanz einer mobil-freundlichen Website, genau so [wie Google es mag](https://www.google.de/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.vaeternetzwerk-muenchen.de" target="_blank" rel="noopener). Es ging auch diesmal nicht um eine vollständige Modernisierung sondern „lediglich“ darum, die Website für mobile Geräte wie Tablets und Smartphones mit kleineren Bildschirmen verfügbar und optimal bedienbar zu machen. Denn wir hatten schon in den vergangenen Monaten bei der Erstellung neuer Inhalte darauf geachtet, diese „mobile-friendly“ zu gestalten. ## Die Änderungen Die am deutlichsten erkennbare Veränderung in der Darstellung/Bedienung zur vorherigen Version ist das Navigationsmenü: dieses bestand zuvor aus zwei Zeilen, die Idee dafür kam uns schon vor über zwei Jahren, und die hatten wir uns damals von gängigen Online-Magazin-Websites wie Spiegel Online & Co. „abgeschaut“. Der Nachteil dieser zweizeiligen Menü-Variante war jedoch, dass man immer erst den Hauptmenüpunkt klicken musste, bevor man die Untermenüpunkte angezeigt bekam – ein Umstand, den der Vorstand des VäterNetzwerk München zunehmend als hinderlich empfand – und wir auch. Für die Umstellung auf Responsive Design mussten wir sowieso auf ein moderneres, responsive-geeignetes Menü-Modul im Worldsoft-CMS zurückgreifen, und so nutzten wir die Chance, das zweizeilige Menü durch ein gängiges einzeiliges Menü zu ersetzen, welches schon beim Zeigen mit der Maus (oder dem Tipp mit dem Finger) die Untermenüebene anzeigt. Wir nutzten auch gleich die Gelegenheit, das zweispaltige Design zu „verbreitern“ und somit auf heute üblichen Desktop- und Notebook-Monitoren mehr Inhalt darzustellen. Die Maximalbreite des äußersten Containers der Website beträgt nun 1200 Pixel, anstelle der vorher eingestellten 950 Pixel – den Unterschied sehen Sie in den Vorher-Nachher-Bildern weiter unten. Die Website des VäterNetzwerk München e. V. vor dem Relaunch Die Website des VäterNetzwerk München e. V. nach dem Relaunch ## Was kommt als nächstes? Es ist im Vorstand des VäterNetzwerk München bereits beschlossen, dass auch die Navigationsstruktur verändert werden muss, um diese den heutigen Bedürfnissen der Besucher rund um aktuelle Väterthemen wie auch an die Aufstellung des VäterNetzwerk München besser entsprechend zu lassen. Technisch müssen wir die Social Media Teilen- (engl. Sharing) Funktionen auf die neueste Technologie (Shariff) umstellen, um damit der jüngsten Rechtssprechung in Deutschland zum Thema Datenschutz zu entsprechen und rechtlich auf der sicheren Seite zu sein. Auf unserer [Unternehmens-Website](https://www.fx-web.de/" target="_blank" rel="noopener) und auch hier auf unserem [Unternehmens-Blog](http://www.muenchen-webdesign.de) haben wir das bereits umgesetzt. [Hier finden Sie mehr Informationen zu Shariff](http://www.heise.de/ct/ausgabe/2014-26-Social-Media-Buttons-datenschutzkonform-nutzen-2463330.html" target="_blank" rel="nofollow noopener). ## Fazit Die [Mitglieder des VäterNetzwerk München](https://web.archive.org/web/20240521035428/https://www.vaeternetzwerk-muenchen.de/90/verein/mitglieder" target="_blank" rel="noopener) sind begeistert und freuen sich darauf, dass künftig auch mobile Surfer ihre Website bequem bedienen und die Inhalte auch auf Smartphones und Tablets angenehm lesbar vorfinden werden. --- ## Neue Kundenreferenz: Orthopädische Praxis Dr. Scharl URL: https://www.muenchen-webdesign.de/2016/02/24/neue-kundenreferenz-orthopaedische-praxis-dr-scharl/ ## Responsive Design: Orthopädische Praxis Dr. Scharl Wie bereits im Dezember [hier angekündigt](http://www.muenchen-webdesign.de/2015/12/19/relaunch-im-responsive-design-kuennemann-consulting-gmbh/), sind wir parallel an mehreren Projekten „dran“. Einige davon haben sich leider etwas verzögert (meistens weil noch vom Kunden zu liefernde Inhalte fehlen), so dass ich nicht wie erhofft noch im Dezember oder Januar hier über neue, fertiggestellte Projekte berichten konnte. Ich bin jedoch zuversichtlich, dass sich das im März ändern wird. Ein Projekt konnten wir jedoch vor wenigen Tagen abschließen und an die hochzufriedene Besitzerin übergeben: die [Website der Orthopädischen Praxis Dr. Scharl](http://www.orthopaedie-muenchen.info/" target="_blank) im **Münchner Norden**. ## Die Kundin Frau Dr. Scharl kam bereits im Spätsommer 2015 auf Empfehlung eines Vorstands der [Unternehmer für Feldmoching](https://www.die-feldmochinger.de/" target="_blank) zu uns. Zu diesem Zeitpunkt plante Sie die Übernahme einer [Orthopädischen Praxis in München-Hasenbergl](http://www.ortho-scharl.de/" target="_blank), da der bisherige orthopädische Arzt dort plante, zum Jahresende 2015 in Rente zu gehen. Wir legten bei der [Website-Erstbesprechung](https://www.fx-web.de/dienstleistungen/projektablauf/index.html" target="_blank) den groben Zeitplan fest, mussten jedoch mit dem Projektbeginn noch auf die Zustimmung eines Ärzteverbands zur Praxisübernahme warten. ## Das Projekt Als es Mitte Oktober 2015 dann endlich soweit war, erhielten wir von Frau Dr. Scharl den „Startschuss“ und legten auf Basis des bewährten [Worldsoft-CMS](http://www.fx.worldsoft.info/" target="_blank) los. Die Gestaltung des Logos übernahm eine uns persönlich bekannte **Grafikdesignerin aus München-Feldmoching**, die auch hier wieder eine sehr schöne Arbeit geleistet hat. Mitte Dezember waren wir im Prinzip mit der Website fertig, es fehlten lediglich noch einige Bilder für die Inhaltsseiten und insbesondere für den Slider (Bildlauf) auf der Homepage, die von einem Profi-Fotografen von den völlig neu und modern gestalteten Praxisräumen erstellt werden sollten. Da Frau Dr. Scharl die Praxis offiziell zum 01.01.2016 übernahm, schalteten wir die Website zu diesem Zeitpunkt bereits live, ließen den Slider jedoch mangels entsprechender Bilder noch ausgeblendet. Leider gab es jedoch Verzögerungen mit der Erstellung der Bilder, so dass Frau Dr. Scharl uns Anfang Februar fragte, ob wir nicht einen Fotografen wüssten. Daraufhin schlug ich vor, das selbst zu übernehmen. Die notwendige Ausrüstung – eine **Canon EOS 650 D** samt Canon Blitzgerät und verschiedener **Canon EF-S Objektive** – ist ja vorhanden, und ich habe gegenüber einem „reinen Fotografen“ ja auch den Vorteil, dass ich am besten weiß, welche Art von Motiven und Formaten ich für den Slider und die Inhaltsseiten benötige. So haben wir für den 19. Februar einen Fototermin in der Praxis vereinbart. Ich hatte richtig Spaß daran, mein fotografisches Auge Mal wieder im Bereich **Objektfotografie** zum Einsatz zu bringen. Gleich am Tag danach wählte ich die besten Bilder aus, optimierte sie wie gewohnt für den Einsatz im Slider und den Inhaltsseiten, und baute sie in der Website ein. ## Die Kundenreferenz-Website Die Site ist uns – wie wir finden – sehr ansprechend gelungen: [](http://www.orthopaedie-muenchen.info/" target="_blank)Die Website der Orthopädischen Praxis Dr. Scharl im Responsive Webdesign Die Website der Orthopädischen Praxis Dr. Scharl ist sowohl über die URL [www.orthopaedie-muenchen.info](http://www.orthopaedie-muenchen.info/" target="_blank) als auch über die Adresse [www.ortho-scharl.de](http://www.ortho-scharl.de/" target="_blank) erreichbar – natürlich SEO-konform, d.h. über eine 301er-Weiterleitung, und zudem ist [www.orthopaedie-muenchen.info](http://www.orthopaedie-muenchen.info/" target="_blank) als Canonical-URL definiert. ## Fazit Auch wenn sich das gesamte Projekt doch länger als gewohnt über mehrere Monate hinzog, so hat uns die Erstellung der Website und die Foto-Session in der Praxis doch sehr viel Freude bereitet. Und das Ergebnis gefällt sowohl Frau Dr. Scharl als auch uns ausnehmend gut – was auch daran liegt, dass dies die erste Website aus dem Hause F/X Web Consulting ist, die in der – von der Kundin gewählten – Farbe Türkis gestaltet ist. Ich bedanke mich an dieser Stelle auch nochmals herzlichst bei Frau Dr. Scharl für die stets angenehme Zusammenarbeit, und wünsche Ihr ganz viel Erfolg mit der von ihr übernommenen orthopädischen Praxis! --- ## Relaunch im Responsive Design: Künnemann Consulting GmbH URL: https://www.muenchen-webdesign.de/2015/12/19/relaunch-im-responsive-design-kuennemann-consulting-gmbh/ ## Responsive Relaunch – Künnemann Consulting GmbH Wir haben in den letzten Monaten einige neue Webprojekte erstellt, über die ich in den nächsten Tagen berichten werde. Aber heute geht es um einen weiteren Relaunch (neudeutsch für „erneute Einführung“ oder „Neugestaltung“) im Responsive Webdesign, nämlich der Unternehmens-Website der [Künnemann Consulting GmbH](http://www.kuennemann-consulting.de" target="_blank). ## Die Besonderheit Das Besondere an diesem Relaunch war, dass wir am Desktop-Design der Website – also dem bei der [Einführung im Frühjahr 2013](http://www.muenchen-webdesign.de/2013/02/10/neue-kundenreferenz-kunnemann-consulting-gmbh/) von einer Marketingagentur vorgegebenen und von uns pixelgenau umgesetzten Design – nichts verändern durften. Es ging also diesmal nicht um eine generelle Modernisierung sondern „lediglich“ darum, die Website für mobile Geräte wie Tablets und Smartphones mit kleineren Bildschirmen verfügbar und optimal bedienbar zu machen – und das ist uns gut gelungen: Die Website der Künnemann Consulting GmbH nach dem Relaunch im Responsive Design ## Die Änderungen Das hat zur Folge, dass – wie oben im Screenshot beim Tablet im Hochformat und beim Smartphone zu sehen – die Website nun ab einer Bildschirmbreite von 992 Pixeln und dann erneut ab einer Breite von 767 Pixeln eine völlig andere Optik aufweist – eben mobil-freundlich, und damit ganz nach dem Geschmack von Google & Co., wie [Google’s Test der Website auf Optimierung für Mobilgeräte](https://www.google.de/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.kuennemann-consulting.de" target="_blank) beweist: [](https://www.google.de/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.kuennemann-consulting.de" target="_blank)Screenshot: Google Mobile-Friendly-Test für kuennemann-consulting.de Auch inhaltlich wurde etwas umstrukturiert: die Dienstleistungen sind jetzt klar nach Angeboten für [Unternehmen](http://www.kuennemann-consulting.de/123/unternehmen/personalauswahl" target="_blank) und [Privatpersonen](http://www.kuennemann-consulting.de/156/privatpersonen/berufliche-neuorientierung" target="_blank) aufgeteilt, und auch bei den Referenzen wird nun nach [Referenzen von Privatkunden](http://www.kuennemann-consulting.de/176/referenzen/privatkunden" target="_blank) und [Referenzen von Unternehmenskunden](http://www.kuennemann-consulting.de/175/referenzen/unternehmen" target="_blank) unterschieden. ## Fazit Die Zusammenarbeit mit Michael Künnemann war wie schon vor gut 2 Jahren erneut sehr angenehm. Da ich selbst als Kunde in der Gründungsphase von [F/X Web Consulting](http://www.fx-web.de" target="_blank) schon in den Genuss seines „Visions- und Strategie-Coaching für Gründer“ kam und von seiner professionellen Herangehensweise wie auch von seiner angenehmen Art als Mensch begeistert war und bin, kann ich [seine Dienstleistungen jederzeit empfehlen](http://www.kuennemann-consulting.de/176/referenzen/privatkunden" target="_blank). Ich bedanke mich auch auf diesem Weg bei Herrn Künnemann für das erneute Vertrauen in meine Fähigkeiten und wünsche ihm weiterhin ganz viel Erfolg mit seinem Unternehmen. --- ## Datenschutzerklärung URL: https://www.muenchen-webdesign.de/datenschutzerklaerung/ ## 1. Datenschutz auf einen Blick ### Allgemeine Hinweise Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung. ### Datenerfassung auf dieser Website Wer ist verantwortlich für die Datenerfassung auf dieser Website? Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ in dieser Datenschutzerklärung entnehmen. Wie erfassen wir Ihre Daten? Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben. Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten. Wofür nutzen wir Ihre Daten? Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden. Welche Rechte haben Sie bezüglich Ihrer Daten? Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden. ### Analyse-Tools und Tools von Dritt­anbietern Beim Besuch dieser Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das geschieht vor allem mit sogenannten Analyseprogrammen. Detaillierte Informationen zu diesen Analyseprogrammen finden Sie in der folgenden Datenschutzerklärung. ## 2. Hosting Wir hosten die Inhalte unserer Website bei folgendem Anbieter: ### Externes Hosting Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters / der Hoster gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die über eine Website generiert werden, handeln. Das externe Hosting erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar. Unser(e) Hoster wird bzw. werden Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen. Wir setzen folgende(n) Hoster ein: Celeros Online KG Hauptstr. 32C 22885 Barsbüttel Germany Auftragsverarbeitung Wir haben einen Vertrag über Auftragsverarbeitung (AVV) zur Nutzung des oben genannten Dienstes geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich vorgeschriebenen Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten unserer Websitebesucher nur nach unseren Weisungen und unter Einhaltung der DSGVO verarbeitet. ## 3. Allgemeine Hinweise und Pflicht­informationen ### Datenschutz Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht. Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. ### Hinweis zur verantwortlichen Stelle Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist: F/X Web Consulting Franz X. Kohl Ponkratzstraße 10 80995 München Telefon: +49 (89) 31287458 E-Mail: (Anti-Spam-BOT-kodierte E-Mail-Adresse) – zur Anzeige bitte JavaScript in Ihrem Browser aktivieren Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet. ### Speicherdauer Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe. ### Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung auf dieser Website Sofern Sie in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre personenbezogenen Daten auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2 lit. a DSGVO, sofern besondere Datenkategorien nach Art. 9 Abs. 1 DSGVO verarbeitet werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung personenbezogener Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art. 49 Abs. 1 lit. a DSGVO. Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf Informationen in Ihr Endgerät (z. B. via Device-Fingerprinting) eingewilligt haben, erfolgt die Datenverarbeitung zusätzlich auf Grundlage von § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur Vertragserfüllung oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre Daten auf Grundlage des Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten, sofern diese zur Erfüllung einer rechtlichen Verpflichtung erforderlich sind auf Grundlage von Art. 6 Abs. 1 lit. c DSGVO. Die Datenverarbeitung kann ferner auf Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO erfolgen. Über die jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden Absätzen dieser Datenschutzerklärung informiert. ### Empfänger von personenbezogenen Daten Im Rahmen unserer Geschäftstätigkeit arbeiten wir mit verschiedenen externen Stellen zusammen. Dabei ist teilweise auch eine Übermittlung von personenbezogenen Daten an diese externen Stellen erforderlich. Wir geben personenbezogene Daten nur dann an externe Stellen weiter, wenn dies im Rahmen einer Vertragserfüllung erforderlich ist, wenn wir gesetzlich hierzu verpflichtet sind (z. B. Weitergabe von Daten an Steuerbehörden), wenn wir ein berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO an der Weitergabe haben oder wenn eine sonstige Rechtsgrundlage die Datenweitergabe erlaubt. Beim Einsatz von Auftragsverarbeitern geben wir personenbezogene Daten unserer Kunden nur auf Grundlage eines gültigen Vertrags über Auftragsverarbeitung weiter. Im Falle einer gemeinsamen Verarbeitung wird ein Vertrag über gemeinsame Verarbeitung geschlossen. ### Widerruf Ihrer Einwilligung zur Datenverarbeitung Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt. ### Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO) WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO). WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO). ### Beschwerde­recht bei der zuständigen Aufsichts­behörde Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe. ### Recht auf Daten­übertrag­barkeit Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist. ### Auskunft, Berichtigung und Löschung Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden. ### Recht auf Einschränkung der Verarbeitung Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen: - Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. - Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen. - Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. - Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden. ### SSL- bzw. TLS-Verschlüsselung Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile. Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden. ### Widerspruch gegen Werbe-E-Mails Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor. ## 4. Datenerfassung auf dieser Website ### Cookies Unsere Internetseiten verwenden so genannte „Cookies“. Cookies sind kleine Datenpakete und richten auf Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt. Cookies können von uns (First-Party-Cookies) oder von Drittunternehmen stammen (sog. Third-Party-Cookies). Third-Party-Cookies ermöglichen die Einbindung bestimmter Dienstleistungen von Drittunternehmen innerhalb von Webseiten (z. B. Cookies zur Abwicklung von Zahlungsdienstleistungen). Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte Webseitenfunktionen ohne diese nicht funktionieren würden (z. B. die Warenkorbfunktion oder die Anzeige von Videos). Andere Cookies können zur Auswertung des Nutzerverhaltens oder zu Werbezwecken verwendet werden. Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs, zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen (z. B. für die Warenkorbfunktion) oder zur Optimierung der Website (z. B. Cookies zur Messung des Webpublikums) erforderlich sind (notwendige Cookies), werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von notwendigen Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies und vergleichbaren Wiedererkennungstechnologien abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG); die Einwilligung ist jederzeit widerrufbar. Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein. Welche Cookies und Dienste auf dieser Website eingesetzt werden, können Sie dieser Datenschutzerklärung entnehmen. ### Einwilligung mit Usercentrics Diese Website nutzt die Consent-Technologie von Usercentrics, um Ihre Einwilligung zur Speicherung bestimmter Cookies auf Ihrem Endgerät oder zum Einsatz bestimmter Technologien einzuholen und diese datenschutzkonform zu dokumentieren. Anbieter dieser Technologie ist die Usercentrics GmbH, Sendlinger Straße 7, 80331 München, Website: [https://usercentrics.com/de/](https://usercentrics.com/de/" target="_blank" rel="noopener noreferrer) (im Folgenden „Usercentrics“). Wenn Sie unsere Website betreten, werden folgende personenbezogene Daten an Usercentrics übertragen: - Ihre Einwilligung(en) bzw. der Widerruf Ihrer Einwilligung(en) - Ihre IP-Adresse - Informationen über Ihren Browser - Informationen über Ihr Endgerät - Zeitpunkt Ihres Besuchs auf der Website - Geolocation Des Weiteren speichert Usercentrics ein Cookie in Ihrem Browser, um Ihnen die erteilten Einwilligungen bzw. deren Widerruf zuordnen zu können. Die so erfassten Daten werden gespeichert, bis Sie uns zur Löschung auffordern, das Usercentrics-Cookie selbst löschen oder der Zweck für die Datenspeicherung entfällt. Zwingende gesetzliche Aufbewahrungspflichten bleiben unberührt. Der Einsatz von Usercentrics erfolgt, um die gesetzlich vorgeschriebenen Einwilligungen für den Einsatz bestimmter Technologien einzuholen. Rechtsgrundlage hierfür ist Art. 6 Abs. 1 lit. c DSGVO. Auftragsverarbeitung Wir haben einen Vertrag über Auftragsverarbeitung (AVV) zur Nutzung des oben genannten Dienstes geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich vorgeschriebenen Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten unserer Websitebesucher nur nach unseren Weisungen und unter Einhaltung der DSGVO verarbeitet. ### Server-Log-Dateien Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind: - Browsertyp und Browserversion - verwendetes Betriebssystem - Referrer URL - Hostname des zugreifenden Rechners - Uhrzeit der Serveranfrage - IP-Adresse Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Website – hierzu müssen die Server-Log-Files erfasst werden. ### Anfrage per E-Mail, Telefon oder Telefax Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter. Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde; die Einwilligung ist jederzeit widerrufbar. Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unberührt. ### Kommentar­funktion auf dieser Website Für die Kommentarfunktion auf dieser Seite werden neben Ihrem Kommentar auch Angaben zum Zeitpunkt der Erstellung des Kommentars, Ihre E-Mail-Adresse und, wenn Sie nicht anonym posten, der von Ihnen gewählte Nutzername gespeichert. Speicherung der IP-Adresse Unsere Kommentarfunktion speichert die IP-Adressen der Nutzer, die Kommentare verfassen. Da wir Kommentare auf dieser Website nicht vor der Freischaltung prüfen, benötigen wir diese Daten, um im Falle von Rechtsverletzungen wie Beleidigungen oder Propaganda gegen den Verfasser vorgehen zu können. Speicherdauer der Kommentare Die Kommentare und die damit verbundenen Daten werden gespeichert und verbleiben auf dieser Website, bis der kommentierte Inhalt vollständig gelöscht wurde oder die Kommentare aus rechtlichen Gründen gelöscht werden müssen (z. B. beleidigende Kommentare). Rechtsgrundlage Die Speicherung der Kommentare erfolgt auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO). Sie können eine von Ihnen erteilte Einwilligung jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per E-Mail an uns. Die Rechtmäßigkeit der bereits erfolgten Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt. ## 5. Soziale Medien ### Social-Media-Elemente mit Shariff Auf dieser Website werden Elemente von sozialen Medien verwendet (z. B. Facebook, X, Instagram, Pinterest, XING, LinkedIn, Tumblr). Die Social-Media-Elemente können Sie in der Regel anhand der jeweiligen Social-Media-Logos erkennen. Um den Datenschutz auf dieser Website zu gewährleisten, verwenden wir diese Elemente nur zusammen mit der sogenannten „Shariff“-Lösung. Diese Anwendung verhindert, dass die auf dieser Website integrierten Social-Media-Elemente Ihre personenbezogenen Daten schon beim ersten Betreten der Seite an den jeweiligen Anbieter übertragen. Erst wenn Sie das jeweilige Social-Media-Element durch Anklicken der zugehörigen Schaltfläche aktivieren, wird eine direkte Verbindung zum Server des Anbieters hergestellt (Einwilligung). Sobald Sie das Social-Media-Element aktivieren, erhält der jeweilige Anbieter die Information, dass Sie mit Ihrer IP-Adresse diese Website besucht haben. Wenn Sie gleichzeitig in Ihrem jeweiligen Social-Media-Account (z. B. Facebook) eingeloggt sind, kann der jeweilige Anbieter den Besuch dieser Website Ihrem Benutzerkonto zuordnen. Das Aktivieren des Plugins stellt eine Einwilligung im Sinne des Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG dar. Diese Einwilligung können Sie jederzeit mit Wirkung für die Zukunft widerrufen. Der Einsatz des Dienstes erfolgt, um die gesetzlich vorgeschriebenen Einwilligungen für den Einsatz bestimmter Technologien einzuholen. Rechtsgrundlage hierfür ist Art. 6 Abs. 1 lit. c DSGVO. ## 6. Analyse-Tools und Werbung ### Google Analytics Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics. Anbieter ist die Google Ireland Limited („Google“), Gordon House, Barrow Street, Dublin 4, Irland. Google Analytics ermöglicht es dem Websitebetreiber, das Verhalten der Websitebesucher zu analysieren. Hierbei erhält der Websitebetreiber verschiedene Nutzungsdaten, wie z. B. Seitenaufrufe, Verweildauer, verwendete Betriebssysteme und Herkunft des Nutzers. Diese Daten werden dem jeweiligen Endgerät des Users zugeordnet. Eine Zuordnung zu einer User-ID erfolgt nicht. Des Weiteren können wir mit Google Analytics u. a. Ihre Maus- und Scrollbewegungen und Klicks aufzeichnen. Ferner verwendet Google Analytics verschiedene Modellierungsansätze, um die erfassten Datensätze zu ergänzen und setzt Machine-Learning-Technologien bei der Datenanalyse ein. Google Analytics verwendet Technologien, die die Wiedererkennung des Nutzers zum Zwecke der Analyse des Nutzerverhaltens ermöglichen (z. B. Cookies oder Device-Fingerprinting). Die von Google erfassten Informationen über die Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Die Datenübertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gestützt. Details finden Sie hier: [https://privacy.google.com/businesses/controllerterms/mccs/](https://privacy.google.com/businesses/controllerterms/mccs/" target="_blank" rel="noopener noreferrer). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework“ (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/participant/5780](https://www.dataprivacyframework.gov/participant/5780" target="_blank" rel="noopener noreferrer). IP Anonymisierung Die Google Analytics IP-Anonymisierung ist aktiviert. Dadurch wird Ihre IP-Adresse von Google innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum vor der Übermittlung in die USA gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. Browser Plugin Sie können die Erfassung und Verarbeitung Ihrer Daten durch Google verhindern, indem Sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: [https://tools.google.com/dlpage/gaoptout?hl=de](https://tools.google.com/dlpage/gaoptout?hl=de" target="_blank" rel="noopener noreferrer). Mehr Informationen zum Umgang mit Nutzerdaten bei Google Analytics finden Sie in der Datenschutzerklärung von Google: [https://support.google.com/analytics/answer/6004245?hl=de](https://support.google.com/analytics/answer/6004245?hl=de" target="_blank" rel="noopener noreferrer). Auftragsverarbeitung Wir haben mit Google einen Vertrag zur Auftragsverarbeitung abgeschlossen und setzen die strengen Vorgaben der deutschen Datenschutzbehörden bei der Nutzung von Google Analytics vollständig um. ### Google AdSense (nicht personalisiert) Diese Website nutzt Google AdSense, einen Dienst zum Einbinden von Werbeanzeigen. Anbieter ist die Google Ireland Limited („Google“), Gordon House, Barrow Street, Dublin 4, Irland. Wir nutzen Google AdSense im „nicht-personalisierten“ Modus. Im Gegensatz zum personalisierten Modus beruhen die Werbeanzeigen daher nicht auf Ihrem früheren Nutzerverhalten und es wird kein Nutzerprofil von Ihnen erstellt. Stattdessen werden bei der Auswahl der Werbung sogenannte „Kontextinformationen“ herangezogen. Die ausgewählten Werbeanzeigen richten sich dann beispielsweise nach Ihrem Standort, dem Inhalt der Website, auf der Sie sich befinden oder nach Ihren aktuellen Suchbegriffen. Mehr zu den Unterschieden zwischen personalisiertem und nicht-personalisiertem Targeting mit Google AdSense finden Sie unter: [https://support.google.com/adsense/answer/9007336](https://support.google.com/adsense/answer/9007336" target="_blank" rel="noopener noreferrer). Bitte beachten Sie, dass auch beim Einsatz von Google Adsense im nicht-personalisierten Modus Cookies oder vergleichbare Wiedererkennungstechnologien (z. B. Device-Fingerprinting) verwendet werden können. Diese werden laut Google zur Bekämpfung von Betrug und Missbrauch eingesetzt. Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Die Datenübertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gestützt. Details finden Sie hier: [https://privacy.google.com/businesses/controllerterms/mccs/](https://privacy.google.com/businesses/controllerterms/mccs/" target="_blank" rel="noopener noreferrer). Sie können Ihre Werbeeinstellungen selbstständig in Ihrem Nutzer-Account anpassen. Klicken Sie hierzu auf folgenden Link und loggen Sie sich ein: [https://adssettings.google.com/authenticated](https://adssettings.google.com/authenticated" target="_blank" rel="noopener noreferrer). Weitere Informationen zu den Werbetechnologien von Google finden Sie hier: [https://policies.google.com/technologies/ads](https://policies.google.com/technologies/ads" target="_blank" rel="noopener noreferrer) und [https://www.google.de/intl/de/policies/privacy/](https://www.google.de/intl/de/policies/privacy/" target="_blank" rel="noopener noreferrer). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework“ (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/participant/5780](https://www.dataprivacyframework.gov/participant/5780" target="_blank" rel="noopener noreferrer). ## 7. Plugins und Tools ### YouTube mit erweitertem Datenschutz Diese Website bindet Videos der Website YouTube ein. Betreiber der Website ist die Google Ireland Limited („Google”), Gordon House, Barrow Street, Dublin 4, Irland. Wenn Sie eine dieser Website besuchen, auf denen YouTube eingebunden ist, wird eine Verbindung zu den Servern von YouTube hergestellt. Dabei wird dem YouTube-Server mitgeteilt, welche unserer Seiten Sie besucht haben. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, ermöglichen Sie YouTube, Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen. Dies können Sie verhindern, indem Sie sich aus Ihrem YouTube-Account ausloggen. Wir nutzen YouTube im erweiterten Datenschutzmodus. Videos, die im erweiterten Datenschutzmodus abgespielt werden, werden nach Aussage von YouTube nicht zur Personalisierung des Surfens auf YouTube eingesetzt. Anzeigen, die im erweiterten Datenschutzmodus ausgespielt werden, sind ebenfalls nicht personalisiert. Im erweiterten Datenschutzmodus werden keine Cookies gesetzt. Stattdessen werden jedoch sogenannte Local Storage Elemente im Browser des Users gespeichert, die ähnlich wie Cookies personenbezogene Daten beinhalten und zur Wiedererkennung eingesetzt werden können. Details zum erweiterten Datenschutzmodus finden Sie hier: [https://support.google.com/youtube/answer/171780](https://support.google.com/youtube/answer/171780" target="_blank" rel="noopener noreferrer). Gegebenenfalls können nach der Aktivierung eines YouTube-Videos weitere Datenverarbeitungsvorgänge ausgelöst werden, auf die wir keinen Einfluss haben. Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar. Weitere Informationen über Datenschutz bei YouTube finden Sie in deren Datenschutzerklärung unter: [https://policies.google.com/privacy?hl=de](https://policies.google.com/privacy?hl=de" target="_blank" rel="noopener noreferrer). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework“ (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/participant/5780](https://www.dataprivacyframework.gov/participant/5780" target="_blank" rel="noopener noreferrer). ### Google Fonts (lokales Hosting) Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Google Fonts, die von Google bereitgestellt werden. Die Google Fonts sind lokal installiert. Eine Verbindung zu Servern von Google findet dabei nicht statt. Weitere Informationen zu Google Fonts finden Sie unter [https://developers.google.com/fonts/faq](https://developers.google.com/fonts/faq" target="_blank" rel="noopener noreferrer) und in der Datenschutzerklärung von Google: [https://policies.google.com/privacy?hl=de](https://policies.google.com/privacy?hl=de" target="_blank" rel="noopener noreferrer). ## 8. Online-Marketing und Partner­programme ### Affiliate-Programme auf dieser Website Wir nehmen an Affiliate-Partnerprogrammen teil. Bei Affiliate-Partner-Programmen werden Werbeanzeigen eines Unternehmens (Advertiser) auf Webseiten von anderen Unternehmen des Affiliate-Partner-Netzwerks (Publisher) platziert. Wenn Sie auf eine dieser Affiliate-Werbeanzeigen klicken, werden Sie zum beworbenen Angebot weitergeleitet. Sollten Sie anschließend eine bestimmte Transaktion (Conversion) tätigen, erhält der Publisher hierfür eine Vergütung. Zur Berechnung dieser Vergütung ist es erforderlich, dass der Affiliate-Netzwerkbetreiber nachvollziehen kann, über welche Werbeanzeige Sie auf das jeweilige Angebot gekommen sind und die vordefinierte Transaktion vorgenommen haben. Hierfür werden Cookies oder vergleichbare Wiedererkennungstechnologien (z. B. Device-Fingerprinting) eingesetzt. Die Speicherung und Analyse der Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der korrekten Berechnung seiner Affiliate-Vergütung. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar. Wir nehmen an folgenden Affiliate-Programmen teil: Amazon Partner­programm Anbieter ist die Amazon Europe Core S.à.r.l. Details entnehmen Sie der Datenschutzerklärung von Amazon unter: [https://www.amazon.de/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ](https://www.amazon.de/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ" target="_blank" rel="noopener). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework“ (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/s/participant-search/participant-detail?contact=true&id=a2zt0000000TOWQAA4&status=Active](https://www.dataprivacyframework.gov/s/participant-search/participant-detail?contact=true&id=a2zt0000000TOWQAA4&status=Active" target="_blank" rel="noopener noreferrer). --- ## Relaunch im Responsive Web Design: Schoenwald GmbH in München-Allach URL: https://www.muenchen-webdesign.de/2015/08/21/relaunch-im-responsive-web-design-schoenwald-gmbh-in-muenchen-allach/ ## Kurzer Rückblick Mein erster Kontakt zur **Schoenwald GmbH** war eher unerfreulicher Natur… das lag jedoch nicht am Unternehmen, sondern an dem Grund, weswegen ich dort vorstellig wurde: der Holzbalkon meiner Wohnung musste – nach gerade mal 10 Jahren – völlig renoviert, also neu aufgebaut werden. Die Ursache dafür war, dass der Bauträger die Balkone des Gebäudes nicht wie vorgesehen imprägniert und gestrichen hatte, was natürlich erst nach Ablauf der 5-jährigen Gewährleistung aufgefallen war… Im Gegensatz zum Bauträger war ich jedoch nach der Renovierung des Balkons mit der Leistung der Schoenwald GmbH sehr zufrieden, und auch das Preis-Leistungverhältnis war völlig in Ordnung. Da ich mich ein gutes halbes Jahr davor als Webdesigner, Webmaster und Webentwickler selbständig gemacht und F/X Web Consulting gegründet hatte, war es naheliegend, dass ich mit dem Geschäftsführer, Rolf Schoenwald, auch über seine Website sprach. Ich bot ihm an, seine **in den Suchmaschinen schon gut gelistete**, doch optisch sehr in die Jahre gekommene und auf statischen HTML-Seiten basierende, umfangreiche Website **auf ein CMS-basierendes System umzustellen**. Damit man eine Vorstellung davon hat, wie die Website vor der Umstellung aussah, hier ein Screenshot von damals: Die Website der Schoenwald GmbH München bis September 2012 Herr Schoenwald hatte anfangs Bedenken, durch die Umstellung sein **gutes Ranking bei Google** zu riskieren – sein früherer Webmaster hatte da bereits gute Arbeit geleistet. Ich konnte ihm aber versichern, dass ich die Umstellung so „behutsam“ vornehmen würde, dass sein Google-Ranking nicht in Gefahr wäre. Wie sich später übrigens herausstellte, wurde die Website nach der Umstellung sogar innerhalb weniger Wochen noch besser gelistet als zuvor. **F/X Web Consulting erhielt den Auftrag, die Website auf Basis des Worldsoft-CMS neu aufzubauen.** ## Die Entstehung der neuen Website der Schoenwald GmbH Wir machten uns also an die Arbeit, und entwickelten zuerst ein neues, modernes und frisches Design. Wie meistens verwendeten wir als Grundfarben die im Logo der Schoenwald GmbH enthaltenen Farben. Aufgrund der Vielzahl an bereits vorhandenen Navigationsmenüpunkten und Inhaltsseiten stellten wir damals von einer rein vertikalen auf eine **horizontale Navigation** mit entsprechenden Untermenüs um. Der Umzug der über 25 Inhaltsseiten inklusive Kontaktformular war ebenfalls zeitaufwändig, da aufgrund der Umstellung von statischen auf (dynamische) CMS-Seiten sämtliche Meta-Tags zur **Erhaltung der Suchmaschinenoptimierung-Tätigkeiten** des früheren Webmasters manuell übertragen werden mussten. Auch galt es fehlende ALT- und TITLE-Attribute nachzutragen, sowie die vorhandenen **Bilder für das Web zu optimieren**. Insbesondere für die Partner-Seite mussten wir der Optik zuliebe die **Logos der Partner-Unternehmen** „nachrüsten“ und auf ein einheitliches Format bringen. Außerdem verlinkten wir in der Sidebar jeweils prominent auf die bereits bestehende Facebook-Fanseite der Schoenwald GmbH. Der „Umzug“ auf die neue Website der Schoenwald GmbH fand dann im **Oktober 2012** statt, hier das finale Ergebnis: Die neue Website der Schoenwald GmbH ab Oktober 2012 ## Schrittweise Weiterentwicklung – Verbesserungen und Neues Herr Schoenwald war mit dem Ergebnis und unserer Arbeit sehr zufrieden und entschloß sich, mit F/X Web Consulting einen **Servicevertrag** abzuschließen. Es war ihm wichtig, dass die Website auch weiterhin von einer **kompetenten Webagentur** aktuell gehalten und mit neuen Informationen – beispielsweise neuen Dienstleistungen wie der Innenraumgestaltung – versorgt wird. Zudem gab es bereits damals außer der Unternehmens-Website auch noch einen Online-Shop für Klimaplatten zur Schimmelsanierung, den wir in der Zwischenzeit ebenfalls modernisiert haben – hier der Bericht zur Migration und Relaunch des Online-Shops der Schoenwald GmbH. In den beiden anschließenden Jahren integrierte ich auf der Hauptseite der Website eine **Bilder-Diashow** (Slider) mit „markanten“ Merkmalen des Unternehmens, wie etwa dem **Firmengebäude** oder dem **Slogan** der Firma, _„Werterhaltung ist unsere Sache“_ auf einem der Firmenautos. Außerdem wurden neue Menüpunkte eingeführt, beispielsweise die Zertifizierungen und Stellenangebote. Zudem wurde in der Sidebar mit einem **von uns erstellten Banner** prominent auf die **Stellenangebote der Schoenwald GmbH** hingewiesen, da die Schoenwald GmbH immer auf der Suche nach Vestärkung für ihr Team von Fachkräften ist. In verschiedenen Dienstleistungsbereichen wurden neue **Kundenreferenzen mit Bildern** hinzugefügt. So sah die Website dann im September 2013 aus: Die Website der Schoenwald GmbH im September 2013 ## Relaunch im Responsive Web Design Ende 2013 begannen wir neue Webseiten nur noch im **Respnsive Web Design** anzubieten und zu erstellen. Die Worldsoft AG hatte 2013 erste grundlegende Veränderungen im Worldsoft-CMS eingeführt, welche die Erstellung von Websites im Responsive Webdesign erleichterten. Im Herbst 2014 wurde das Worldsoft-CMS dann noch einmal grundlegend modernisiert, so dass die Erstellung responsiver Websites nicht nur weiter erleichtert wurde, sondern nun auch **modernste Standards** wie **HTML5**, ein rein DIV-Container-basierendes HTML-Kontrukt oder auch die **Integration von Google Fonts** direkt im System unterstützte. Anfang 2015 war es deshalb höchste Zeit, auch die Website der Schoenwald GmbH auf Responsive Web Design umzustellen und weiter zu modernisieren. Dabei achteten wir darauf, dass das grundsätzliche Design erhalten blieb. Den wohl größten Aufwand verursachte die für das Responsive Design notwendige Umstellung vieler tabellen-basierender Anordnungselemente durch entsprechende DIV-Konstrukte zu ersetzen. Im Zuge des **Relaunch** integrierten wir aber auch eine neue, modernere **Basis-Schriftart für den Fließtext** (Lato) und stellten die **Überschriften** (Headings) auf die im Logo der Schoenwald GmbH verwendete Schriftart (Rochester TS DemiBold) um – auf diese Weise gelang es uns das **Corporate Design** der Website noch weiter zu verfeinern. Mit dem Ergebnis sind sowohl der Kunde als auch wir hochzufrieden: Die brandneue Website der Schoenwald GmbH nach dem Relaunch im Responsive Web Design ## Fazit & Dankeschön Dieser Relaunch war das bis dato umfangreichste **Relaunch-Projekt**, das uns wieder sehr viel Freude gemacht hat. Wir werden in den nächsten Monaten auf der Website noch einige Dienstleistungs-Referenzen aktualisieren. Ich **bedanke mich** auch auf diesem Wege wieder ganz herzlich bei Rolf Schoenwald, dem Inhaber der Schoenwald GmbH, für das mir seit nunmehr bereits drei Jahren entgegengebrachte Vertrauen! Ich würde mich wie immer über Feedback zu diesem Artikel und zur Website der Schoenwald GmbH im neuen Responsive Webdesign über die Kommentarfunktion oder auch auf der Facebook-Fanseite von F/X Web Consulting sehr freuen. Herzlichst, Euer Franz X. Kohl --- ## Neue Kundenreferenz: Haus & Sicherheit – Michael Schöttl URL: https://www.muenchen-webdesign.de/2015/08/14/neue-kundenreferenz-haus-sicherheit-michael-schoettl/ Ich freue mich sehr, euch heute eine neue Kundenreferenz vorstellen zu können, die gleich mehrere Besonderheiten aufweist – die Website von Haus & Sicherheit – Michael Schöttl. ## Der Kunde Michael Schöttl berät seine Kunden **seit über 20 Jahren** zu Dienstleistungen und Produkten rund um Haus und Sicherheit, inklusive Ausbau, Anbau und Modernisierung von Wohnungen und Häusern. Zu seinem Repertoire gehören alle **Heim- und Haus-Produkte**, vom nachträglichen kleinen **Vorbaurollladen** bis hin zu aufwändigen **solarbetriebenen Rollladen** für Wohndachfenster. Von der kleinen **Sonnenschutz-Markise** bis hin zur **Beschattungsanlage** – und bei Bedarf erhält der Kunde das **Terrassendach** gleich mit. Auch Fenster, Haustüraustausch, ein neues Garagentor, oder ein Haustürvordach – zu all diesen Produkten kann Michael Schöttl seine Kunden kompetent beraten. Ein weiterer Fokus zielt auf die private Sicherheit in den heimischen vier Wändenn ab – deshalb bietet er auch einen **Sicherheits-Check** an, so wie ihn auch die Polizei empfehlen würde. ## Die Kundenreferenz-Website www.haus-sicherheit.info – Responsive Ansicht www.haus-sicherheit.info – Desktopansicht ## Highlights Zum Einen ist es die erste Website aus unserem Hause auf Basis des neuen Worldsoft-CMS. Worldsoft hat ja Ende 2014 sein CMS-System stark überarbeitet und dabei ein neues Container-System auf Basis von **Twitter Bootstrap** eingeführt, welches es den Webmastern leichter als zuvor ermöglicht, echte Responsive Design Websites zu erstellen. Zeitgleich wurde auch das neue, sogenannte **Mega-Menü** eingeführt, dass sich ähnlich flexibel einsetzen lässt wie die Menüfunktionen in WordPress. Zum Anderen haben wir hier erstmalig ein sogenanntes **„sticky“ Menü** im oberen Bereich der Website integriert. Dies ermöglicht sowohl auf dem Desktop als auch auf Tablets und Smartphones eine einfachere Navigation durch die verschiedenen Seiten, da das Navigationsmenü stets am oberen Bildschirmrand „kleben bleibt“, und man vor allem bei kleineren Smartphone-Bildschirmen und längeren Seiten nicht erst wieder nach oben scrollen muss um zum nächsten Menüpunkt zu gelangen. Des Weiteren haben wir hier im Bereich der Dienstleistungen die gelisteten Hausprodukte-Kategorien als **farblich passende und responsive Navigationsblöcke** gestaltet, die einen direkten Sprung zu den entsprechenden Produktkategorien auf der Website des von Herrn Schöttl empfohlenen Produktlieferanten ermöglicht. ## Fazit Es hat uns wieder viel Freude bereitet, in einer Kundenwebsite neue Möglichkeiten zu implementieren. Das Worldsoft-CMS mit den neuen Responsive Design Möglichkeiten hat uns dabei im Vergleich zu vorher vieles erleichert und bestimmte Funktionen überhaupt erst ermöglicht. Herzlichst, Euer Franz X. Kohl --- ## Das Bundesliga-Tippspiel für die Saison 2015/16 von F/X Web Consulting URL: https://www.muenchen-webdesign.de/2015/08/11/das-bundesliga-tippspiel-fuer-die-saison-201516-von-fx-web-consulting/ ## Jetzt geht’s los – mit dem Bundesliga-Tippspiel! Erinnert Ihr euch noch an unser WM-Tippspiel vom letzten Jahr? Dem lassen wir nun pünktlich zur neuen Saison ein Bundesliga-Tippspiel folgen! Denn am kommenden Freitag, den 14.08.2015 beginnt **die neue Bundesliga-Saison 2015/2016**. Das wurde auch Zeit, sagen wieder Abermillionen Fußball-Fans in ganz Deutschland – König Fußball bewegt halt die Massen. ## Auftakt Los geht’s am ersten Spieltag mit folgenden Begegnungen: [](http://fxwebconsulting.chayns.net/EM-Tippspiel" target="_blank" rel="noopener) Mit dem großen **Bundesliga-Tippspiel** von F/X Web Consulting und Tobit.Software könnt ihr nun noch mehr Spaß an der Bundesliga haben und dabei auch noch gewinnen! Denn der **Erstplatzierte** am Ende der Saison 2015/16 erhält von uns einen **Gutschein für Web-Dienstleistungen** (z.B. eine neue Website erstellen, eine bestehende Website für Responsive Webdesign modernisieren, Suchmaschinenoptimierung, etc.) in Höhe von **500 Euro! ** Für die **Plätze 2 – 10** gibt es von uns ein praktisches Helferlein für den Alltag, das heutzutage wirklich jeder gut gebrauchen kann – natürlich mit unserem Firmen-Logo und allen Kontaktdaten und Social Media-URL’s drauf, so dass Ihr uns jederzeit kontaktieren könnt. ## Was ihr dafür tun müsst? Holt euch die **Smartphone App von F/X Web Consulting** und tippt wie die Bundesliga-Profis – und mit dem nötigen Quentchen Glück seid ihr dann unter den Gewinnern! Hier die direkten Links zur App für die jeweilige Smartphone-Plattform: - Apple (iTunes) - Android (Google Play) - Windows Phone (Windows Store) ## Gewinnspiel-Teilnahmebedingungen Hier findet ihr die Teilnahmebedingungen zum Gewinnspiel. Die Teilnahme ist kostenlos, das Mindestalter für die Teilnahme beträgt 13 Jahre. --- ## Relaunch F/X Web Consulting: dank Google endlich im Responsive Webdesign! URL: https://www.muenchen-webdesign.de/2015/03/17/relaunch-fx-web-consulting-dank-google-endlich-im-responsive-webdesign/ ## Die Vorgeschichte Spätestens als Google vor kurzem verkündete, dass **Mobile-friendly** – oder wie wir das bevorzugt nennen, **Smartphone-freundliche** – Webseiten künftig nicht nur in mobilen Suchresultaten hervorheben möchte, sondern dort **auch im Ranking bevorzugen wird**, fühlten wir uns in unserer Marketing- und Verkaufsstrategie bestätigt: unser Schwerpunkt liegt ganz klar auf der **Erstellung von Websites im Responsive Web Design**. **t3n** veröffentlichte sogar am 2. März 2015 folgendes Update in einem ihrer Artikel: Google hat jetzt bekannt gegeben, dass Mobile Friendlyness ab 21. April ein Ranking-Faktor sein wird. Dies betrifft die mobile Suche in allen Sprachen, weltweit. Diese Änderung wird laut Google signifikante Auswirkungen auf die Suchergebnisse haben. Der Nutzer soll dadurch bessere Suchergebnisse erhalten, die für sein Gerät optimiert sind. Schon im November 2014 war auf der Website der Initiative D21 zu lesen, dass bereits über die Hälfte der deutschen Internet-Nutzer auf mobilen Geräten nach Informationen suchen, sich unterhalten und online einkaufen. Und das klappt auf Smartphones und Tablets mit kleineren Auflösungen eben nur vernünftig mit einer **mobil-fähigen**, also **Responsive Website**. Und hier geht der Trend bei den Internet-Agenturen ganz klar zum **Responsive Webdesign**. Wir selbst haben **seit November 2013** nur noch Webseiten im Responsive Design erstellt, und unsere Kunden waren im Vorfeld auch leicht von den Vorteilen zu überzeugen und nach der Fertigstellung **begeistert vom Ergebnis**. Unser eigener Blog (also den, den Sie gerade lesen) startete sogar noch früher responsive, nämlich am 1. September 2012 – und war bereits damals mit einem Responsive WordPress-Theme versehen und somit fast schon seiner Zeit voraus. Wir hatten nur noch ein Problem: obwohl wir **tolle Responsive Websites** für unsere Kunden erstellten, war unsere eigene Unternehmenswebsite, www.fx-web.de, nach wie vor nicht responsive… und das ärgerte mich als Inhaber dann doch schon länger ganz gewaltig. ## Die Basis Während wir über 90 Prozent unserer Kunden-Websites auf Basis des Worldsoft-CMS von der Worldsoft AG erstellen (die anderen mit WordPress oder Shop-Software), und das Worldsoft-CMS bereits seit Anfang 2014 die Erstellung von Responsive Webdesigns unterstützt, ist unsere eigene Website lange davor entstanden, zu einem Zeitpunkt, als wir das Worldsoft-CMS noch gar nicht kannten. Unsere Website entstand etwa ab Frühjahr 2011 und basiert auf dem Desktop-CMS weblica, einem Produkt der Schweizer Firma empros gmbh. Weblica ist ein Desktop-CMS, d.h., man installiert ein Programm auf seinem Windows PC, und kann dann mit relativ wenig Wissen über HTML, CSS, JavaScript und sonstigen Webtechnologien in Verbindung mit den mitgelieferten Design-Vorlagen durchaus ansehnliche und auch umfangreiche Webseiten erstellen. Weblica ist damit vergleichbar mit Programmen wie früher **Microsoft Frontpage** (zuletzt **Microsoft Expression Web**) oder **Adobe Dreamweaver**, geht aber einen anderen Weg beim Aufbau der Seiten – keine völlig freie Gestaltung in einem WYSIWYG-Editor, sondern eine konsequent auf sogenannten Absätzen aufgebaute Struktur, wobei diese Absätze unterschiedlichen Typs sein können (auch reine HTML-Absätze sind möglich). Als wir später dann auf Webseiten auf Basis des Worldsoft-CMS (eine SaaS-Lösung, heute auch gerne Cloud-Lösung genannt) und WordPress setzten, steckte das Thema Responsive Design noch in den Kinderschuhen. Als dann aber Responsive Webdesign im Laufe des Jahres 2013 zunehmend an Bedeutung gewann und wir erkannten, dass daran kein Weg mehr vorbeiführt, stellte sich auch die Frage, wie man **Kunden von Responsive Webdesign überzeugen** soll, wenn noch nicht Mal die eigene Unternehmens-Website responsive ist… Wir kontaktierten daher schon recht früh den Hersteller von Weblica um in Erfahrung zu bringen, wie denn deren diesbezügliche Pläne seien. Die damalige Antwort gab zwar Anlass zu Hoffnung, löste aber nicht gerade Begeisterung aus. Im Prinzip hieß es, dass man an diesem Thema schon dran wäre, aber darüber noch sehr viel planen und konkretisieren müsse, bevor man an über das Wie und Wann bei der Umsetzung im Produkt nachdenken könne… ## Das Problem Mittlerweile war unsere Website schon auf über 40 Inhaltsseiten angewachsen. An eine **Migration des Systems zum Worldsoft-CMS** war schon alleine aus Zeitgründen nicht zu denken. Anfang 2014 deutete der Hersteller von Weblica an, dass daran gearbeitet würde, Weblica mit einem neuen, Responsive Webdesign-fähigen Design-System auszustatten. Unserer Schätzung nach würde aber frühestens ab Herbst 2014 etwas „greifbares“ vorliegen. Ich entschied trotzdem – erneut vor allem aus Zeitmangel – noch bis Ende 2014 zu warten, in der Hoffnung, dass sich dann mit der Verfügbarkeit eines Responsive-fähigen Weblica-CMS und passender Weblica-Designvorlagen eine Umstellung bewerkstelligen ließe, deren Zeitaufwand sich in Grenzen halten würde. Als dann Ende 2014 die Nachricht die Runde machte, dass Google künftig Smartphone-freundliche Webseiten in den mobilen Suchresultaten entsprechend kennzeichnen würde, und noch immer keine Aussicht auf einen baldigen Release einer Weblica Version mit Responsive Webdesign Vorlagen bestand, war meine persönliche Schmerzgrenze erreicht, und ich war es leid zu warten. Noch dazu zeigte der Google Test auf Optimierung für Mobilgeräte uns die „rote Karte“: [](http://www.muenchen-webdesign.de/wp-content/uploads/2015/03/2015-03-10-screenshot-google-mobile-friendly-test-nicht-fuer-mobilgeraete-optimiert.jpg)Screenshot Google „Nicht für Mobilgeräte optimiert“ Außerdem hatte ich als Inhaber wie so oft den Ehrgeiz, **das unmöglich scheinende möglich zu machen**… und so fiel im Januar 2015 die Entscheidung, mit Hilfe all meines Wissens um CSS3, JavaScript und jQuery unserer Weblica-basierenden Website bzw. deren Grundgerüst um die dringend nötigen Responsive Web Design-Fähigkeiten zu „erweitern“ um unsere potentiellen „mobilen“ Kunden nicht länger zu (v)erschrecken… ## Die Lösung Eines der Stärken von Weblica ist, dass man das Design im Programm mit Hilfe von CSS-Anweisungen relativ einfach erweitern bzw. verändern kann, wenn man weiß was man tut. Und mittels HTML-Absätzen sowie den Erweiterungsmöglichkeiten über den HEAD-Bereich der generierten Seiten kann man bedarfsweise mit JavaScript und jQuery „nachhelfen“. Dank des hervorragenden **FireFox-Plugins Firebug** (es geht aber auch ganz gut mit den in den modernen Browsern eingebauten F12-Entwicklertools) kann man mit Weblica in der lokalen Entwicklungsumgebung mit HTML und CSS experiementieren und testen bis es „passt“, und dann die finalen Änderungen in Weblica einbauen. Und so habe ich unserer Website im Rahmen der begrenzten Möglichkeiten der verwendeten (non-responsive) Weblica Designvorlage nicht nur die grundlegenden Responsive-Fähigkeiten wie automatisch skalierende Bilder und Videos „eingehaucht“, sondern war auch in der Lage, das 3-spaltige Basis-Design bei sich verringender Bildschirmbreite stufenweise und dynamisch in ein 2-spaltiges und dann sogar 1-spaltiges Design zu „verwandeln“. Eine weitere Herausforderung war die **Implementierung eines sogenannten Toggle-Menüs**, leicht erkennbar am in den meisten Websites verwendeten **„Hamburger“-Button** (so genannt, weil die drei waagerechten Balken eine entfernte Ähnlichkeit mit einem Hamburger haben). Denn das war nicht einfach mal schnell mit etwas CSS machbar – nein, hierfür musste dann Programmcode geschrieben und eingebaut werden, den ich mit Hilfe von jQuery und CSS realisierte. Nun wird ab einer Bildschirmbreite von 767 Pixeln oder weniger automatisch vom klassischen horizontalen Menü auf das Toggle-Menü umgeschaltet, so dass auf Smartphones und Tablets mit kleinerer Auflösung automatisch dieses platzsparende und optimierte Toggle-Menü erscheint. Natürlich wurden auch die Schriftgrößenangaben nun auf „em“ umgestellt, was unserer Erfahrung nach die besten Ergebnisse querbeet über alle Displaygrößen liefert, und am besten ausgehend von der Browser-seitig eingestellten Standard-Schriftgröße als Basis skaliert. Eine weitere Hürde war es das **Video auf der Startseite skalierbar zu gestalten**, welches HTML5-konform (mit einem Fallback für ältere Browser) integriert ist. Auch die wenigen Banner in unserer Website, beispielsweise von XING, die meistens über iFrames integriert sind, mussten responsive werden. Hier haben die Anbieter von Bannerwerbung meiner Einschätzung nach noch einiges zu tun, damit sie ihren Kunden von vornherein responsive Code-Templates zum Einbau in die Webseiten liefern. Gleiches gilt für die **Smartphone-freundliche Integration von Google Maps** – auch hier muss nachgearbeitet werden, damit eine Google Map sich dynamisch an die vorhandene Bildschirmbreite bzw. die vorgegebene Fläche anpasst. ## Das Ergebnis Ich bin stolz darauf es so gut hinbekommen zu haben – hier ein Screenshot unserer Website wie sie **seit dem 15.03.2015** auf vier verschiedenen Bildschirmgrößen dargestellt wird: [](http://www.fx-web.de" target="_blank)Darstellung unserer Website www.fx-web.de im Responsive Webdesign auf vier verschiedenen Bildschirmgrößen ## Fazit Insgesamt habe ich wohl etwa drei Manntage an Arbeit reingesteckt bis das Ergebnis so war wie ich es mir vorstelle. Mehr Zeit als ich investieren wollte, aber noch wenig im Vergleich zu dem Aufwand den ich betreiben müsste, wenn ich unsere Inhalte auf ein anderes CMS hätte migrieren müssen. Damit ist unsere Website zu 99 Prozent responsive (und das restliche eine Prozent setze ich noch um falls ich tatsächlich mal Zeit übrig habe bevor Weblica mit der Version 4.0 sein neues Design-System freigibt). Wer mich gut kennt weiß, dass ich ein Perfektionist bin, und somit könnte ich sicher noch einen weiteren Tag aufwenden um winzige Verbesserungen zu erreichen. Aber ich habe in den letzten Jahren auch gelernt nach dem Pareto-Prinzip zu arbeiten, bzw. einen für mich akzeptablen und gesunden Kompromiß zwischen Perfektionismus und Pareto-Prinzip zu finden. Und das wichtigste: **Google mag uns jetzt auch!** [](http://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.fx-web.de%2F" target="_blank)Screenshot Google: Diese Seite ist für Mobilgeräte optimiert Ich bin davon überzeugt, dass sich der Aufwand gelohnt hat – damit ist unsere Website künftig **optimal auch für mobile „Besucher“ aufgestellt** und liefert wie schon auf dem Desktop nun **auch auf Smartphones alles Wissenswerte über F/X Web Consulting** und weitere hilfreiche Informationen für potentielle Kunden. Ich würde mich freuen, wenn viele von Ihnen unsere Website einmal auf Ihrem Smartphone „besuchen“ würden! Und für Kommentare gibt es ja unter diesem Artikel ein Kommentarfeld :-) Herzlichst, Ihr Franz X. Kohl --- ## F/X Web Consulting wünscht ein gutes neues Jahr! URL: https://www.muenchen-webdesign.de/2014/12/31/fx-web-consulting-webdesign-muenchen-wuenscht-ein-gutes-neues-jahr/ Liebe Blog-Leser, Freunde, Kunden und Partner, für F/X Web Consulting | Webdesign München geht ein erfolgreiches Jahr 2014 zu Ende. Ich blicke zurück auf viele erfolgreiche Web-Projekte, von denen den aktuellen Anforderungen entsprechend ausnahmslos alle im Responsive Webdesign erstellt wurden. Ich hoffe, ihr hattet ein ebenso tolles Jahr, und bedanke mich bei euch allen für eure Treue! Ich wünsche euch ein farbenfrohes & tolles, lustiges & ausgeglichenes, gutes & gesundes Jahr 2015! F/X Web Consulting wünscht ein farbenfrohes und gutes neues Jahr! Herzlichst, Euer Franz X. Kohl --- ## Relaunch im Responsive Webdesign: Unternehmer für Feldmoching e.V. URL: https://www.muenchen-webdesign.de/2014/11/16/relaunch-im-responsive-webdesign-unternehmer-fuer-feldmoching-e-v-erhalten-neue-website/ ## Neue Website im Responsive Webdesign Rechtzeitig vor der Gewerbeschau Feldmoching, die Mitte Oktober stattfand, konnten wir die neue Website der **Unternehmer für Feldmoching e.V.** unter www.die-feldmochinger.de live schalten. Die neue Website verwendet – wie bei uns üblich – die Farben des Logos und wurde dem aktuellen Trend folgend bewusst „luftig“aber ohne viel „Firlefanz“ gestaltet. ## Was war vorhanden? Die vorherige Website war eine **Spezialprogammierung**, die zwar den dafür vorgesehenen Mitgliedern das Bearbeiten bestehender und Hinzufügen neuer Inhalte ermöglichte, allerdings in einem sehr starr vorgegebenen Rahmen. Jedes Mitglied konnte eine eigene **Mini-Homepage** mit Inhalten und Bildern erstellen, was viele Mitglieder jedoch nicht nutzten – nicht zuletzt wohl deshalb, weil sie bereits eine eigene Website betreiben. Darüber hinaus war das vorherige Design etwas „in die Jahre gekommen“, und insbesondere nicht für die Darstellung und Bedienung auf Mobilgeräten wie Tablets und Smartphones geeignet und optimierbar. Die alte Website der Unternehmer für Feldmoching e.V. vor dem Relaunch im Responsive Webdesign ## Relaunch mit CMS-System Aus diesem Grund war unsere Empfehlung an den Unternehmerverein eindeutig: ein **Relaunch** (Neubeginn) auf einem **CMS-System**, um die künftige Pflege der Website zu vereinfachen, und gleichzeitig das Design zu modernisieren und für mobile Geräte zu optimieren. Die neuen „Mini-Homepages“ enthalten nur noch die wichtigsten Angaben, Kontaktdaten und Logos der Mitglieds-Unternehmen, und verweisen für umfangreichere Informationen auf die jeweilige Homepage des Unternehmens. ## Warum WordPress? Die Wahl für das richtige CMS-System fiel letztlich auf **WordPress**, da auch das Webhosting der bisherigen Site beibehalten werden sollte. Zudem ermöglichte WordPress es uns auf relativ einfache Weise mit Hilfe von **Custom Post Types** die konsistente Eingabe und Darstellung der Mitglieds-Unternehmer zu bewerkstelligen. Für die Kategorisierung und Selektion der Unternehmer nach Branchen kamen **Custom Taxonomies** zum Einsatz. Um die Termine des Vereins tabellarisch und gleichzeitig responsive darstellen zu können, wählten wir das WordPress-Plugin **TablePress**. Hier mussten wir allerdings im CSS noch nacharbeiten um die Darstellung und Lesbarkeit der Termine auch auf kleinsten Bildschirmen wie dem des Samsung Galaxy S3 und S4 ordentlich hinzubekommen. ## Relaunch im Responsive Webdesign Bei der Suche nach einem passenden Responsive Design WordPress-Theme für den Relaunch fanden wir letztlich das kostenlose Theme **Catch Evolution**. Auch hier mussten wir – wie so oft bei WordPress-Themes aus dem englischsprachigen Raum – noch ordentlich nacharbeiten, sowohl in den Design-Bereichen (über ein **Child-Theme**) als auch insbesondere im Bereich der **Übersetzungen** der für den Website-Besucher sichtbaren Elemente. Aber wie wir Webdesigner gerne sagen: „Wo ein CSS, da ein Weg“. Und das Ergebnis begeistert uns: [](https://www.die-feldmochinger.de)Die neue Website der Unternehmer für Feldmoching e.V. nach dem Relaunch im Responsive Webdesign ## Fazit Da wir selbst Mitglied beim Verein **Unternehmer für Feldmoching e.V.** sind, war es uns eine große Freude den Relaunch der neuen und modernen Website im Responsive Design für den Unternehmerverein zu erstellen. Wir erhielten tolles Feedback für die Website und haben uns sehr darüber gefreut. --- ## HTML5-Standard durch W3C verabschiedet URL: https://www.muenchen-webdesign.de/2014/11/02/html5-standard-durch-w3c-verabschiedet/ ## Was lange dauert wird endlich gut W3C HTML5 Logo Am 28. Oktober 2014 hat das **W3C** (World Wide Web Consortium) den HTML5-Standard mit dem Status „recommended“ versehen und damit verabschiedet. Damit geht eine lange Reise zu Ende, die bereits 1997 begann, als mit dem Nachfolge-Standard für HTML 4 und XHTML begonnen wurde. Gleichzeitig gibt die offizielle Verabschiedung des Standards den Browser-Herstellern eine verlässlichere Grundlage für die konkrete Implementierung der HTML5-Funktionen in den jeweiligen Browsern. ## Highlights der Neuerungen in HTML5 gegenüber HTML 4 und XHTML - Bessere **semantische Strukturierung** der HTML-Dokumente mit Hilfe entsprechender Tags (z.B. header, footer, nav, section) - Native und plattformunabhängige **Unterstützung für die Wiedergabe von Video und Audio im Browser** ohne Browser-Plug-ins (neue Tags video und audio) - Neue **Type-Attribute für das input-Element**, welche die Eingabe von Daten (z.B. ein Datum mit einem Kalender-Steuerelement) vereinfachen und die Daten auch ohne zusätzlichen Programmieraufwand validieren können ## Implementierungs-Unterschiede in den Browsern Der Browser-Nutzer wird diese Veränderung nicht bemerken, da die populären Internet-Browser wie Internet Explorer, Mozilla Firefox, Google Chrome und Opera bereits schon seit einer ganzen Weile viele der HTML5-Funktionalitäten in ihre Browser integriert haben. Es gibt – wie so oft – allerdings durchaus kleinere Unterschiede darin, wie die jeweiligen Browser diverse HTML5-Features implementiert haben. Darunter fällt leider auch die Tatsache, dass verschiedene Browser jeweils **nur einen Subset der für das video-Tag unterstützten Videoformate** (Video-Codecs) unterstützen. Darüber hatten wir ja schon in unserem Artikel HTML5 Video einbinden – browser-unabhängig – Schritt-für-Schritt Anleitung berichtet. Viele HTML5-Funktionen sind Browser- und Browser-Versions-abhängig mehr oder weniger umfassend integriert. Wer genau wissen möchte, **welche Browser bereits welche HTML5-Option unterstützen**, der kann neben der CSS- und JavaScript-Unterstützung auch die Unterstützung für ein bestimmtes HTML5-Feature bei CanIUse nachsehen. Wer es bisher noch nicht getan hat sollte sich spätestens jetzt intensiver mit HTML5 auseinandersetzen. Der Suchende findet dazu viele hilfreiche Ressourcen in entsprechenden Büchern und im Internet. ## Unterstützung durch Content Management Systeme (CMS) und HTML-Frameworks Die meisten bekannten bzw. populären CMS-Systeme wie beispielsweise **WordPress** und **Jooomla** haben die Unterstützung für HTML5 längst integriert, insofern werden auch hier die Website-Besucher keine Veränderungen feststellen. Selbiges gilt für Webseiten, die auf einem der bekannten HTML5-Frameworks wie **Twitter Bootstrap**, deren Framework bereits von vielen der CMS-Anbieter in ihre Systeme integriert wurde um die plattformübergreifende Unterstützung von **HTML5** und **Responsive Webdesign** sicherzustellen. ## Links zu HTML5-Ressourcen für den Start - w3schools.com – Einführung in HTML5 - HTML5 Rocks Tutorials & Ressourcen - W3C HTML5 Spezifikation - W3C Markup Validation Service ## Fazit F/X Web Consulting beschäftigt sich schon seit 2012 mit den Möglichkeiten die HTML5 bietet, und setzt diese erfolgreich bei seinen Kunden ein. Wenn Sie mehr darüber erfahren möchten, nehmen Sie einfach Kontakt mit uns auf, oder nutzen Sie gleich unseren Website-Check um Ihre **Website auf HTML5-Konformität zu überprüfen!** Ich wünsche Ihnen viel Spaß beim Er-Lernen von HTML5! Herzlichst, Ihr Franz X. Kohl --- ## Das Fußball-WM 2014 Tippspiel von F/X Web Consulting URL: https://www.muenchen-webdesign.de/2014/06/06/mach-mit-das-fussball-wm-2014-tippspiel-von-fx-web-consulting/ ## Bald geht’s los! In wenigen Tagen beginnt die Fußball-WM 2014 und **82 Millionen Bundestrainer** stehen Kopf! Mit dem großen **Fußball-WM 2014 Tippspiel** von F/X Web Consulting und Tobit.Software könnt ihr nun noch mehr Spaß an der WM haben und dabei auch noch Preise im Gesamtwert von **100.000 EURO** gewinnen! [](http://fxwebconsulting.chayns.net)Das Fussball-WM 2014 Gewinnspiel von F/X Web Consulting und Tobit.Software ## Was ihr dafür tun müsst? Holt euch die **Smartphone App von F/X Web Consulting** und tippt wie die Weltmeister – und mit dem nötigen Quentchen Glück seid ihr dann unter den Gewinnern! Hier die direkten Store-Links zur App für die jeweilige Smartphone-Plattform: - Android (Google Play) - Apple (iTunes) - Windows Phone (Windows Store) Oder einfach mit eurem Smartphone den folgenden QR-Code scannen um die App herunterzuladen: [](http://fxwebconsulting.chayns.net)QR-Code scannen, App herunterladen und am Gewinnspiel teilnehmen! Viel Spaß beim Tippen! ## Gewinnspiel-Teilnahmebedingungen Hier findet ihr die Teilnahmebedingungen zum Gewinnspiel. Die Teilnahme ist kostenlos, das Mindestalter für die Teilnahme beträgt 13 Jahre. --- ## Responsive Webdesign – Kundenreferenz: Alice John URL: https://www.muenchen-webdesign.de/2014/06/05/responsive-web-design-kundenreferenz-alice-john/ Und wieder kann ich stolz eine neue **Responsive Webdesign-**Kundenreferenz vorstellen: die Website von **Alice John | Beratung und Coaching**. ## Die Kundin Eine Mitarbeiterin der VBLP GmbH, die selbst eine sehr zufriedene Kundin bei uns ist, hatte Frau John an F/X Web Consulting verwiesen. Nach der bei uns obligatorischen **360-Grad-Internetberatung** erhielten wir von Frau John den Auftrag und begannen auch zügig mit dem Konzept und der Erstellung des Designs. ## Kundenanforderungen Frau John wollte für ihre Tätigkeit als Coach eine eigene Website erstellen lassen, und hatte sich schon einige Zeit Gedanken dazu gemacht. Eine Grafikerin aus Ihrem Umfeld entwickelte ihr Logo, und unsere Aufgabe war es nun eine dazu passende, moderne und freundliche Website zu erstellen. Als Basis für die Website entschieden wir uns erneut für das Worldsoft-CMS, auch weil Frau John langfristig selbst kleine Änderungen vornehmen können möchte. Modern bedeutete auch, dass die Webseite auf jeden Fall im **Responsive Webdesign** erstellt werden sollte, um es auch dem **mobilen Internet-Benutzer** zu ermöglichen, sich leicht einen Überblick über Frau John und ihr umfangreiches Dienstleistungs-Portfolio zu verschaffen. ## Projektablauf In Abstimmung mit der Grafikerin entschieden wir uns für die moderne und zeitlose Schriftart **Noto Sans**, die der ursprünglich gewünschten Schriftart Helvetica sehr ähnlich ist. Die Noto Sans konnte jedoch im Gegensatz zur Helvetica ohne zusätzliche Kosten zu verursachen über Google Fonts eingebunden werden, so dass der Font nun auf allen Betriebssystemen (Windows, Mac, usw.) dargestellt werden kann. Frau John hatte neben dem rein inhaltlichen Input auch selbst einige gute Vorschläge zur inhaltlichen Gestaltung geliefert: so war es z.B. ihr eigener Wunsch, **jede Inhaltsseite mit einem Zitat zu beginnen**. Diese Zitate stammen alle aus ihrer eigenen Feder und zeigen dem Besucher, dass er oder sie es hier mit einem Menschen zu tun hat, der nicht nur im Coaching-Bereich kreativ ist. Hinzu kam dann noch die **Integration von künstlerischen Bildern**, die ebenfalls von einer ihr bekannten Malerin zur Verfügung gestellt wurden und die teilweise doch umfangreichen Textinhalte auf der Website optisch untermalen und den Gesamteindruck auflockern. ## Highlights & Responsive Webdesign Das Design der Website besticht durch ein freundliches, klares und schnörkelloses Design, sowohl auf großen Desktop-Monitoren wie auch auf Tablets und Smartphones. Die **Bedienbarkeit und Navigation auf Smartphones** wird durch die Verwendung eines klassischen **Responsive Mobile Menu** gewährleistet. Probiert es einfach mal aus: http://www.alice-john.de/ Hier die Darstellung der Website im **Responsive Webdesign** auf vier verschiedenen Bildschirmgrößen bzw. Geräten (Desktop, Tablet Querformat, Tablet Hochformat und Smartphone): [](http://www.muenchen-webdesign.de/wp-content/uploads/2014/06/2014-02-alice-john.de-responsive-web-design-4-screens-copyright.jpg)www.alice-john.de im Responsive Webdesign für optimale Darstellung auf Desktop, Tablet und Smartphone ## Fazit Die Zusammenarbeit mit Frau John hat sehr viel Spaß gemacht, und ihr Feedback hat mich riesig gefreut. Viele Menschen aus ihrem Umfeld haben ihr zu ihrer Website gratuliert, was uns natürlich ebenfalls freut und Ansporn für die nächsten Projekte ist, ganz besonders, wenn wir diese wieder im Responsive Webdesign umsetzen dürfen. Ich wünsche Frau John auch auf diesem Weg **ganz viel Erfolg mit ihrer neuen Website** und vor allem viele neue Kunden! --- ## Responsive Web Design – Kundenreferenz: Cafe Blücher URL: https://www.muenchen-webdesign.de/2014/02/24/responsive-web-design-kundenreferenz-cafe-bluecher/ Ich freue mich sehr, heute eine neue Kundenreferenz im **Responsive Web Design** vorstellen zu können: das **Cafe Blücher **in München-Milbertshofen! ## Der Kunde Das** Cafe Blücher | Bar – Restaurant** ist eine Gaststätte im Herzen von **München-Milbertshofen**. Dort bietet es seinen Gästen das ganze Jahr über die Möglichkeit sich in einem wundervollen Ambiente mit gutem Essen und Trinken verwöhnen zu lassen. Der gemütliche **Biergarten** lädt von den ersten warmen Sonnenstrahlen an zum Genießen ein und die Kastanienbäume bieten bei heißen Sommertemperaturen ein kühles Plätzchen. Auch für die kleinen Gäste ist durch den direkt gegenüber liegenden **Spielplatz** für Abwechslung gesorgt. Ich war dort selbst schon oft persönlich, denn ich liebe es einfach dort bei schönem Wetter mit Freunden bei einem Bier oder Wein und guten Essen im Biergarten zu sitzen und die Zeit zu genießen. ## Kundenanforderungen Ich hatte den Inhaber bei einem meiner Besuche als Gast einfach mal darauf angesprochen, ob er nicht eine neue Website benötigt – denn ich hatte mir seine vorherige Site angesehen und jede Menge Probleme darauf entdeckt. Ganz zu schweigen davon, dass die bisherige Website auf meinem Smartphone einfach nicht lesbar dargestellt wurde und auch die Menünavigation nicht funktionierte. Ich kam mit meiner Frage zur rechten Zeit – denn der Inhaber war mit seiner bisherigen Website nicht mehr zufrieden und hatte sehr konkrete Vorstellungen davon, wie seine neue Webseite aussehen und funktionieren soll: - Erstellung im** Responsive Web Design** – für eine **optimale Darstellung und Bedienung auch auf Smartphones und Tablets** - Design angepasst am bereits vorhandenen, kürzlich erst modernisierten Firmenlogo - **Bildschirmfüllende Hintergrundbilder** des Lokals - Einfache, selbsterklärende Navigationsstruktur auf einer Ebene - Die Möglichkeit, selbst Änderungen an den Inhaltsseiten vornehmen zu können - Eine einfache **Upload-Möglichkeit** für wöchentlich wechselnde Speisekarten ## Projektablauf Nachdem wir dem Inhaber die grundsätzlichen Möglichkeiten zu seinen Anforderungen erläutert hatten, fiel die Wahl auf das **Worldsoft-CMS**, welches alle Kriterien und Vorstellungen des Kunden erfüllt. Anschließend sahen wir uns gemeinsam verschiedene Webseiten an um ein Gefühl dafür zu bekommen, in welche Richtung **das Design der neuen Website** des Cafe Blücher gehen soll. Die für das neue Webdesign benötigten **bildschirmfüllenden Hintergrundbilder** wollte der Inhaber selbst liefern, da Fotografie eines seiner Hobbies ist. Zuletzt erstellten wir einen Grobentwurf des neuen Designs, welcher sofort begeistert vom Kunden übernommen wurde. Das Design verwendet auch eine spezielle, vom Kunden ausgewählte Schriftart: **Alegreya**. Dies ist eine dezente **Serifenschrift**, die perfekt zum modernisierten Ambiente der Gaststätte passt, und von uns über den **Google Font**-Mechanismus integriert wurde. Ab diesen Zeitpunkt war es dann ein leichtes die ebenfalls vom Kunden gelieferten Textinhalte und Bilder in der neuen Internetseite einzupflegen, sowie sämtliche Getränke- und Speisekarten hochzuladen und zu verlinken. Hier ein Screenshot der Website wie sie auf einem üblichen Desktop-Monitor angezeigt wird: [](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-11-bluecher-bar.de_.jpg)Cafe Blücher | Bar – Restaurant in der Desktop-Ansicht ## Highlights Das Besondere an diesem Projekt ist, dass dies unsere erste im **Responsive Webdesign** ausgelieferte Website ist. die noch dazu völlig ohne ein sogenannten **Responsive Mobile Menu** auskommt. Was dieser Website darüber hinaus einen besonderen „Touch“ verleiht sind die tollen Hintergrundbilder, die der Inhaber selbst „geschossen“ hat – ich musste lediglich noch einen passenden Ausschnitt finden und mit den entsprechenden CSS-Anweisungen in der Website implementieren. Hier die Darstellung der Website im **Responsive Design** auf vier verschiedenen Bildschirmgrößen bzw. Geräten (Desktop, Tablet Querformat, Tablet Hochformat und Smartphone): [](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-11-bluecher-bar.de-responsive-web-design-4-screens.jpg)Cafe Blücher | Bar – Restaurant in der Darstellung auf Desktop, Tablet und Smartphone Eine echte Herausforderung war es sicherzustellen, dass die leicht transparenten Hintergrundflächen für die nebeneinanderliegenden Navigations- und Hauptbereiche unabhängig von der Browserfenstergröße und dem Umfang der Inhalte immer die identische Höhe behalten – hier musste ich mangels Umsetzungsmöglichkeit via CSS dann doch auf das **jQuery-Framework** zurückgreifen. ## Fazit Neben dem Spaß, den wir bei der Erstellung dieser Webseite hatten, ist es mir wichtig zu erwähnen, dass **die Zusammenarbeit mit dem Kunden** von Beginn an sehr angenehm war, was vor allem auch an der äußerst sympathischen Art des Inhabers liegt. Natürlich bin ich auch froh, dass F/X Web Consulting nun eine richtig tolle **Kundenreferenz für Responsive Webdesign in München** vorweisen kann – und als Gast werde ich dort künftig immer mit einem „inneren Lächeln“ sitzen, wissend, dass das Cafe Blücher nun eine wirklich schöne Website hat, die dem Flair der Location entspricht. Besucht doch mal die Website unter http://www.bluecher-bar.de und schaut mal dort auf einen Cocktail vorbei- es lohnt sich! Herzlichst, Euer Franz X. Kohl --- ## Neue Kundenreferenz: Facebook-Fanpage & Unternehmens-Blog für Perspektive 2030 URL: https://www.muenchen-webdesign.de/2014/02/14/neue-kundenreferenz-facebook-fanpage-und-unternehmens-blog-fuer-perspektive-2030/ In den letzten Wochen haben wir bei F/X Web Consulting viel zu tun gehabt (was ja gut ist) und einige neue Kundenprojekte fertigstellen können. Darunter hat allerdings auch die Pflege unseres Unternehmens-Blogs wie auch die Pflege unserer Facebook-Fanpage gelitten, was ich in den nächsten Tagen auszubügeln versuche. Heute geht es um eine Kundenreferenz, die wir Ende 2013 fertiggestellt haben: **Perspektive 2030**. ## Der Kunde: Perspektive 2030 – Elke Kurschus Unsere Kundin, Elke Kurschus, hatte bereits eine sehr schön gestaltete Website, die Ihr unter www.perspektive2030.de findet. Auf Ihrer Webseite zeigt Frau Kurschus das gesamte **Portfolio Ihrer Dienstleistungen** auf – von **Berufs- und Studienberatung** über **Karriere-Coaching** und **Demografieberatung**. Vergangenes Jahr entschied Sie sich dazu, sich verstärkt den Themen Berufsberatung und Studienberatung, und speziell der **Berufsberatung für Schüler** anzunehmen. Dafür benötigte Sie die entsprechenden Online-Marketing-Instrumente, und wandte sich aufgrund einer persönlichen Empfehlung eines Ihrer Kontakte bei der VBLP GmbH Unternehmensberatung Outplacement an uns. Nachdem ich Sie im Rahmen unserer **360-Grad-Internet-Beratung** umfassend zu den für Sie passenden Möglichkeiten beraten hatte, entschied Frau Kurschus sich für die Erstellung einer Facebook-Fanseite sowie eines eigenen Unternehmens-Blogs. ## Projekt: Facebook-Fanpage Die **Zielgruppe für Berufsberatung für Schüler** ist stark in den Social Media Plattformen wie **Facebook**, **Google+** und **Twitter** vertreten. Somit war es eine logische Entscheidung zur gezielten Ansprache Ihrer potentiellen Kunden zumindest eine Plattform zu nutzen, und die Wahl fiel auf Facebook. Unsere Arbeit bestand darin, die für die Fanseite von Perspektive 2030 benötigten Bilder, also Titelbild, Profilbild und Tab-Bilder zu erstellen, und über die Tab-Reiter auch ein **rechtssicheres Impressum** zu integrieren. Hier das Ergebnis als Screenshot: [](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-Perspektive2030-Facebook.jpg)Screenshot der Facebook-Fanpage von Perspektive 2030 **Schaut doch mal auf der Fanseite vorbei**, und wenn Ihr die Seite gut findet, dann dürft Ihr auch gerne auf „**Gefällt mir**“ klicken – ich bin sicher, Frau Kurschus freut sich über jeden neuen Fan! ## Projekt: Unternehmens-Blog Im Gegensatz zur Facebook-Fanseite dient der Unternehmens-Blog von Perspektive 2030 primär dazu, eigene **Artikel zu Themen rund um die Berufsberatung für Schüler** zu verfassen und zu veröffentlichen. Auf dieser Plattform kann Frau Kurschus nun Ihr **Expertenwissen** und **Know-How aus der Praxis** in Form von entsprechenden Artikeln publizieren und damit auch unterstreichen, dass Sie Ihr „Handwerk“ versteht. Selbstverständlich werden neue Artikel dann auch auf der Facebook-Fanseite gepostet. Hier ein Screenshot des Unternehmens-Blogs: [](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-berufsberatung-schueler.de_.jpg)Screenshot des Unternehmens-Blogs von Perspektive 2030 ## Highlights der Blog-Referenz Die größte Herausforderung bei diesem auf **WordPress** basierenden Blog war es, die zahlreichen Fehler im verwendeten **Responsive Design Theme** zu beseitigen. Wie die meisten WordPress Themes, die auf der Basis von Responsive Webdesign entwickelt wurden, war auch dieses nicht von einem deutschen Anbieter. Dementsprechend waren viele, für Besucher des Blogs sichtbare Texte nicht übersetzt. Das an sich ist noch keine Hürde für mich, denn in solchen Fällen verwende ich ja das in einem früheren Artikel hier schon näher beschriebene CodeStyling Localization Plugin für WordPress. Leider ist es jedoch bei WordPress Themes von Autoren außerhalb des deutschsprachigen Raums öfter auch so, dass dort **englische Texte** nicht WordPress-konform – also mittels der dafür vorgesehenen Schnittstellen (WordPress API’s) – im Theme integriert und damit auch nicht für das CodeStyling Localization Plugin „sichtbar“ sind. Das bedeutet dann für mich, diese fix kodierten Texte („hardcoded“ strings) in den PHP-Dateien des Themes aufzuspüren, und die Texte WordPress-konform für die **Lokalisierung in andere Sprachen** umzuschreiben. Nur gut, dass es bei WordPress sogenannte **Child-Themes** gibt – mit dieser Methode kann man Veränderungen an einem Theme vornehmen, ohne die dem Theme zugrunde liegenden Dateien zu verändern – denn sonst würden die vorgenommenen Änderungen beim nächsten Update des Themes wieder überschrieben werden. Mit der Methodik der Child-Themes konnte ich auch gleich noch ein paar optische Fehler im **CSS** (Cascading Style Sheet) korrigieren, so dass der Blog nun auch wirklich Responsive ist und dementsprechend auch auf einem **Smartphone** oder **Tablet** richtig dargestellt und optimal bedienbar ist. Hier nun die Darstellung des **Unternehmens-Blog im Responsive Design** auf vier verschiedenen Gerätegrößen: Desktop-Monitor, Notebook, Tablet und Smartphone. [](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-berufsberatung-schueler.de-responsive-web-design-4-screens.jpg)Screenshot des Unternehmens-Blog von Perspektive 2030 im Responsive Webdesign ## Fazit Mit Hilfe der beiden **Internet-Marketing-Instrumente** Facebook-Fanseite und Unternehmens-Blog kann Frau Kurschus nun wesentlich leichter als bisher Neuigkeiten und Aktuelles rund um das Thema Berufsberatung für Schüler veröffentlichen. Ich selbst wäre sehr froh gewesen, wenn ich in vor meiner eigenen Berufswahl eine solche **Expertin auf dem Gebiet der Schüler-Berufsberatung** hätte fragen können. Ich wünsche Frau Kurschus mit Perspektive 2030 alles Gute für die Zukunft. Ich bedanke mich auch auf diesem Weg nochmals sehr herzlich für das entgegen gebrachte Vertrauen in meine Dienstleistung als **Internet-Experte**, Webdesigner und Social Media Profi (neudeutsch: **Sichtbarkeitsmanager**) und ihr tolles **Feedback**, welches Ihr bei den Kundenfeedbacks auf der Website von F/X Web Consulting finden könnt. Herzlichst, Euer Franz X. Kohl --- ## HTML5 Video einbinden – Browser-unabhängig – Schritt-für-Schritt Anleitung URL: https://www.muenchen-webdesign.de/2013/12/24/html5-video-browser-unabhaengig-in-der-eigenen-website-integrieren/ ## HTML5 Video einbinden: Warum nicht Flash? In diesem Artikel zeige ich auf, wie einfach man mittlerweile mit Hilfe von **HTML5** und dem damit eingeführten **<video>-Tag** ein Video auf einer Website oder Homepage **Cross-Browser-kompatibel **und damit** browser-unabhängig einbinden **kann – und dieses Video dann auch wirklich auf allen heutzutage verwendeten Geräten (PC, Mac, Smartphones und Tablets) und den verschiedenen gängigen Browsern im Markt (Internet Explorer, Mozilla Firefox, Google Chrome, Apple Safari und Opera) abgespielt werden kann. Wer heutzutage auf einer Website für die Besucher ein Video integrieren möchte, musste bis vor nicht allzu langer Zeit teilweise ziemliche Hürden überwinden. Am häufigsten wurden die Videos auf **YouTube** hochgeladen und von dort mit dem von YouTube direkt zur Verfügung gestellten Embedded-Code in die eigene Webseite eingebaut. Hier ein Beispiel wie das typischerweise aussieht: <iframe src="//www.youtube.com/embed/cBRDcTX3vCk?feature=player_detailpage" width="640" height="360" frameborder="0" allowfullscreen> </iframe> Das Hauptproblem dieser Lösung: YouTube verwendet die **Adobe Flash-Technologie** zum Abspielen des Videos, und damit sind alle Geräte außen vor, die kein Flash innerhalb des Browsers unterstützen – allen voran die meisten Smartphones auf dem Markt, inklusive des Apple iPhone. Da aber immer mehr Internetnutzer **mobil surfen** (alleine in Deutschland Stand 2013 ca. 30% der Internet-Surfer), sperrt man damit all diese Besucher und potentielle Interessenten oder Kunden aus. ## HTML5 Video einbinden: Die Lösung – Schritt-für-Schritt-Anleitung ### Schritt 1: Video-Konvertierung für alle benötigten Zielformate der Browser Warum benötigt man überhaupt mehrere **Video-Formate** um das Video in allen gängigen Browsern abspielen zu können? Das liegt daran, dass verschiedene Video-Formate (**Video-Codecs**) meistens durch verschiedene Patente geschützt und meist auch mit rechtlichen Einschränkungen zur Nutzung versehen sind. Deshalb haben sich verschiedene Browser-Hersteller jeweils nur für eines oder mehrere der verschiedenen Formate entschieden – und das macht es nötig, das Video in all die unterstützten Formate zu **konvertieren** und anschließend auf der Webseite mit Hilfe des HTML5 Video-Tags korrekt einzubauen. Hier eine Übersicht, welche Browser welche **Video-Streaming-Formate** unterstützen: Browser MP4 WebM Ogg Internet Explorer / Edge Ja Nein Nein **Chrome** Ja Ja Ja **Firefox** Ja Ja Ja **Safari** Ja Nein Nein **Opera** Ja Ja Ja Quelle: [http://www.w3schools.com/tags/tag_video.asp](http://www.w3schools.com/tags/tag_video.asp) - **MP4** = MPEG 4 Dateien mit H264 Video-Codec und AAC Audio-Codec - **WebM** = WebM Dateien mit VP8 Video-Codec und Vorbis Audio-Codec - **Ogg** = Ogg Dateien mit Theora Video-Codec und Vorbis Audio-Codec Eine detailliertere Übersicht der von den verschiedenen Browsern unterstützten Video-Formate findet Ihr auch auf Wikipedia. Um nun – ausgehend vom vorliegenden Video-Stream-Format – die weiteren benötigten Video-Formate zu erstellen, bieten sich im Web verschiedenste **Video-Konvertierungs-Tools** an, z.B. XMedia Recode oder Any Video Converter. Letzteres Programm habe ich selbst genutzt, denn es hat auch den Vorteil, dass ein bisher nur über YouTube in der Website integriertes Video direkt im Programm von YouTube heruntergeladen und dann **direkt** über das integrierte „HTML5 Embed Video“-Profil **in alle drei HTML5-Zielformate konvertiert werden kann**. Sobald alle benötigten Formate produziert wurden, lädt man diese mit Hilfe seines FTP-Programms in einen Ordner auf dem Webspace hoch. Von dort werden sie im nächsten Schritt innerhalb der Website verlinkt. ### Schritt 2: Integration der Video-Formate mit HTML5 Im einfachsten Fall sieht die Integration mit dem HTML5 Video-Tag wie folgt aus: <video> <source src="video.mp4" type="video/mp4" /> <source src="video.webm" type="video/webm" /> <source src="video.ogg" type="video/ogg" /> <div>Ihr Browser unterstützt das HTML5-Video-Tag leider nicht. Bitte aktualisieren Sie Ihren Browser um das Video ansehen zu können.</div> </video> Die Angabe des **Type-Attributs** sollte grundsätzlich erfolgen, da dies dem Browser mitteilt, welche Formate zur Verfügung stehen, und der Browser dann selbst festlegen kann, welches Format heruntergeladen und wiedergegeben wird – was wiederum **die Ladezeit der gesamten Seite verringern kann**, und ein Smartphone-Besucher ohne Datentarif mit Flat-Rate wird Ihnen dankbar sein, wenn Sie sein Daten-Budget nicht unnötig belasten. Jeglicher **Text innerhalb der beiden Video-Tags** wird im Browser angezeigt falls dieser das HTML5 Video-Tag nicht unterstützt. Natürlich kann man die **Darstellung** und **Benutzerführung** des Videos durch weitere Attribute für das HTML5 Video-Tag beeinflussen. Einige dieser Attribute sollen hier kurz erläutert werden. Attribute des Video-Tags: **width**: hiermit wird die Breite des Videos festgelegt **height**: hiermit wird die Höhe des Videos festgelegt **poster**: hier kann über eine URL ein Bild festgelegt werden welches angezeigt wird, so lange das Video noch nicht gestartet wurde **controls**: bei Angabe dieses Attributs werden Steuerelemente angezeigt, mit denen das Video u.a. gestartet und gestoppt werden kann **autobuffer**: damit wird die Zwischenspeicherung des Videos aktiviert, damit das Video möglichst ruckelfrei abgespielt wird **autoplay**: mit diesem Attribut wird festgelegt, ob das Video automatisch startet, wenn die HTML-Seite geladen wurde **loop**: das Video wird so lange wiederholt bis der Besucher dies stoppt (siehe auch controls) oder das Fenster schließt **muted**: die Audio-Ausgabe des Videos wird unterdrückt bis der Besucher die Stummschaltung aufhebt Attribute des Source-Tags: **src**: Angabe des relativen oder absoluten Pfades zur jeweiligen Videodatei **type**: Angabe des korrekten MIME-Typs („video/mp4“, „video/webm“, „video/ogg“) für die bei src angegebene Videodatei Einige der Video-Tag-Attribute, z.B. controls, autobuffer und autoplay, benötigen keine Werte; ist das Attribut vorhanden, ist es quasi eingeschaltet. Fehlt es, ist es ausgeschaltet. Manche **HTML-Validatoren** stören sich daran, dies kann man jedoch verhindern, indem diese Attribute in der Form **attribut=“attribut“** angegeben werden, also z.B. **controls=“controls“**. ## HTML5 Video einbinden: Beispiel-Integration Hier einmal ein umfangreicheres Beispiel der HTML5-Video-Integration von der Homepage unserer eigenen Website, www.fx-web.de: <video controls="controls" preload="metadata" autobuffer="autobuffer" poster="FX-Web-Consulting_Webdesign-Muenchen_Worldsoft-Trailer.jpg" width="620" height="360"> <source src="FX-Web-Consulting_Webdesign-Muenchen_Worldsoft-Trailer_x264.mp4" type='video/mp4' /> <source src="FX-Web-Consulting_Webdesign-Muenchen_Worldsoft-Trailer_VP8.webm" type='video/webm' /> <source src="FX-Web-Consulting_Webdesign-Muenchen_Worldsoft-Trailer_x264.mp4" type='video/ogg' /> </video> Und so sieht dann die **Darstellung des Video-Containers** mit **Steuerelementen** und **Poster** auf unserer Webseite mit dem Internet Explorer 11 aus: Screenshot der HTML5-Video-Integration auf www.fx-web.de ### Fallback-Lösung mit Flash für Browser ohne Unterstützung des HTML5 Video-Tags: Die Anzahl der Internet-Nutzer, die noch mit Browsern arbeiten, die kein HTML5-Video unterstützen (z.B. IE8 und älter) wird von Tag zu Tag weniger. Trotzdem empfiehlt es sich, auch an diese Nutzer zu denken, und ihnen zumindest **die Flash-Version des Videos als Fallback-Lösung** anzubieten. Falls das Video bisher schon über YouTube eingebettet war, ist der Aufwand sowieso minimal, ansonsten muss das Video zuvor noch zu YouTube hochgeladen werden. Dies kann auch so erfolgen, dass das Video in YouTube nicht öffentlich sichtbar ist. Wir haben die Flash-Fallback-Lösung so integriert, dass Sie nur für den **Internet Explorer vor Version 9** zum Tragen kommt. Hierzu sind zwei Teile notwendig: 1. Integration des YouTube-Videos mit Hilfe des Object-Tags und conditional commments, die dafür sorgen, dass der Object-Tag nur auf dem IE8 und älter angezeigt wird: <!--[if lt IE 9]> <object width="620" height="360" style="margin: 0px 25px;"> <param name="movie" value="http://www.youtube.com/v/cBRDcTX3vCk?version=3&amp;hl=de_DE&amp;rel=0"> </param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/cBRDcTX3vCk?version=3&amp;hl=de_DE&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="620" height="360"> </embed> </object> <![endif]--> 2. Ausblenden des Video-Tags mit Hilfe eines conditional comments und entsprechender CSS-Anweisung: <style type="text/css" media="all"> <!--[if lt IE 9]> video { display: none; } <![endif]--> </style> ## HTML5 Video einbinden: Mögliche Fehlerquellen / Fallstricke Bei manchen Webspace-Providern fehlt im Web-Server (größtenteils Apache) die notwendige Zuordnung der **Videoformat-Dateinamenserweiterung** zu den entsprechenden **Video-Stream-Formaten** (content-types bzw. MIME-Types). So lange diese Zuordnung fehlt ist der Web-Server nicht in der Lage, das Video im richtigen Format an den Browser des Besuchers zu übermitteln, und dementsprechend passiert nichts, wenn der Besucher versucht das Video abzuspielen. Falls dies der Fall sein sollte, kann man sich bei fast allen Webspace-Providern damit behelfen, dass die Zuordnung von Content-Type und Dateinamenserweiterung (file extension) in der Datei **.htaccess** erfolgt. Dazu ist es notwendig, dass man auf die Dateien auf dem Webspace mit Hilfe von FTP zugreifen kann (z.B. mit dem Programm FileZilla). Wenn auf dem Webspace (meistens im obersten Verzeichnis, der sogenannten „**Root**„) schon eine .htaccess-Datei existiert, fügt man dort – am besten gleich am Anfang der Datei – folgende Zeilen ein (die Zeilen mit ### am Anfang sind Kommentarzeilen und können weggelassen werden): ### Eventuell notwendige Modifikation in der .htaccess damit der Apache-Server ### den Video-Stream korrekt interpretiert und streamt ### (bzw. den korrekten Encoding-Type übermittelt) AddType video/mp4 .mp4 AddType video/x-m4v .m4v AddType video/webm .webm AddType audio/webm .weba AddType video/ogg .ogm AddType video/ogg .ogv AddType video/ogg .ogg Sollte noch keine .htaccess-Datei existieren, muss man diese erst lokal erstellen, obige Zeilen einfügen, und die Datei dann in die Root hochladen. **Speziell unter Windows** erstellt man am besten lokal mit dem Editor eine Datei htaccess.txt, trägt dort die Zeilen ein, speichert die Datei, und lädt sie dann mit FTP hoch. Anschließend kann man die Datei im FTP-Programm **auf dem Server** in .htaccess umbenennen. Hat man **direkten Zugriff auf den Apache-Server** bzw. dessen Konfigurationsdateien, so können obige AddType-Anweisungen **direkt in der httpd.conf** eingetragen werden, was die Eintragung in der .htaccess dann überflüssig macht. ## Fazit Ja, es ist im Vergleich zur reinen Integration eines YouTube-Flash-Videos etwas mehr Aufwand vonnöten, um **ein Video HTML5-konform in die Website zu integrieren**. Angefangen vom Konvertieren und Server-seitigen Vorhalten von drei verschiedenen Video-Formaten, über die Implementation der Fallback-Lösung bis hin zur ggf. notwendigen Erstellung einer .htaccess-Datei und dem finalen Testen des Videos mit verschiedenen Browsern auf verschiedenen Plattformen und Endgeräten (**Desktop**, **Tablet** und **Smartphone**). Aber der Aufwand lohnt sich, wenn man möglichst allen Besuchern der eigenen Website das Ansehen des Videos ermöglichen möchte. Und wenn man obige Schritte einmal erfolgreich umgesetzt hat, geht es einem beim nächsten Mal schon leichter von der Hand. In diesem Sinne wünsche ich viel Spaß beim HTML5 Video einbinden in der eigenen Webseite, und würde mich über Beispiel-Integrationen mit URL zur Seite in Form eines Kommentars zu diesem Artikel sehr freuen! Herzlichst, Ihr Franz X. Kohl --- ## Neue Kundenreferenz: Noela’s Kunst&Design URL: https://www.muenchen-webdesign.de/2013/12/15/neue-kundenreferenz-noelas-kunst-und-design/ Mea culpa… ja, ich habe unseren Blog viel zu lange vernachlässigt, wenn auch aus einem der besten aller Gründe: Arbeit, Arbeit, Arbeit :-). Ich gelobe Besserung und arbeite aktuell an mehreren neuen Beiträgen für den Blog, darunter einige Kundenreferenzen aber auch einen lange geplanten Artikel zur **Integration von Videos mit Hilfe des HTML5-Video-Tags** – seid gespannt! Aber jetzt erst einmal zu einer Kundenreferenz-Webseite, die schon im Oktober fertiggestellt wurde. ## Webdesign – Nicht nur für Kunstinteressierte… ist diese Referenz von Bedeutung, auch wir hatten hierbei die eine oder andere Herausforderung zu bewältigen… Die Künstlerin **Noeline Mills** erhielt von uns eine neue Website um Ihre zahlreichen **Kunstwerke und Design-Artikel** wie auch Ihre weiteren Aktivitäten **optisch ansprechend** im Web präsentieren zu können. Das **Design der Site** haben wir auf der Basis eines Templates des verwendeten CMS-Systems (Worldsoft-CMS) gestaltet und an das Thema **afrikanische Kunst** sowie die **Herkunft der Künstlerin** (Uganda) angepasst: warme Farben mit kühlen Kontrastfarben auf dunklem, erdigem Hintergrund, und die Flagge sowie die Landeskarte als Umriss im **Webdesign** integriert. ## Highlights dieser Website-Referenz: - Mehrsprachige Website (Deutsch & Englisch) - Über 250 Bilder in Bildergalerien - Terminübersicht - Gästebuch - Slideshow im Design integriert [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/12/2013-08-noelaskunst-design.de_.jpg)Screenshot der Website-Referenz: noelaskunst-design.de Die Erstellung der Seite war ein echtes „Mammut“-Projekt, wir mussten über 250 Fotos und Abbildungen der Kunstwerke mit Adobe Photoshop **für die Darstellung im Web optimieren** und anschließend in der Website in Form von Bildergalerien integrieren. Ihr findet die Website unter http://www.noelaskunst-design.de/. Schaut doch mal vorbei, wer weiß, vielleicht ist ja etwas dabei was euch gefällt?! Ich bin jedenfalls sehr stolz auf diese Kundenreferenz, und wünsche Noeline weiterhin alles Gute und viel Erfolg mit Ihrer Kunst! Herzlichst, Euer Franz X. Kohl --- ## Neue Kundenreferenz: Online-Shop-Migration für die Schoenwald GmbH URL: https://www.muenchen-webdesign.de/2013/08/15/neue-kundenreferenz-online-shop-migration-fuer-die-schoenwald-gmbh/ ## Gut Ding will Weile haben… …heißt es so schön im Volksmund. Und das galt in diesem Fall auch bzw. erst recht, denn immerhin hatte ich schon Anfang Juli damit begonnen die Strategie und einzelnen Schritte für die Shop-Migration des Klimaplatten-Online-Shops der Schoenwald GmbH zu planen. **Das Besondere an diesem Projekt**: es war unser erster Kundenauftrag für einen Online-Shop! Was die Sache allerdings vereinfachte war die Tatsache, dass es schon einen Shop gab, der auf der Basis einer längst veralteten Version von **xtCommerce** von anno 2006 erstellt worden war. Der alte Shop war nicht nur optisch völlig veraltet, sondern erfüllte vor allem nicht mehr die heute aktuellen – insbesondere auch rechtlichen – Anforderungen an Internet-Shops. Anstatt nun mühsam die veraltete Shop-Software von xtCommerce an die rechtlichen Anforderungen anzupassen (z.B. den Bestell-Button auf „Jetzt zahlungspflichtig bestellen“ umzutaufen), konnte ich Herrn Schoenwald davon überzeugen, auf ein neueres System zu setzen, welches ihm neben der **rechtlichen Sicherheit** und einer **gesicherten Weiterentwicklung** auch neue Möglichkeiten eröffnet, beispielsweise die **Integration neuerer und moderner Zahlungsmethoden** wie **EU-Überweisung** (inkl. Unterstützung für den **SEPA-Zahlungsverkehr**) und **PayPal**. ## Auswahlkriterien für das neue Shop-System Bei der Auswahl des neuen Shopsystems war wichtig, dass die Daten des alten Shops vollständig übernommen werden sollten. Und da hatten wir das Glück, dass es nicht nur eine Weiterentwicklung des xtCommere-Systems namens Gambio GX2 gibt, sondern das es von Gambio auch einen **Import-Assistenten** für die Übernahme der Daten von xtCommerce nach Gambio GX2 gibt. Der Erwerb von **Gambio GX2** hat zudem den Vorteil, dass man damit 12 Monate Support durch Gambio erwirbt, was bei einem so umfangreich zu konfigurierenden Shop-System in den vergangenen Wochen eine große Hilfe war – an dieser Stelle auch **ein herzliches Dankeschön an das Team vom Gambio-Support**, dass mir einige Male nicht nur kompetent sondern auch richtig schnell geholfen hat! ## Die Vorgehensweise bei der Shop-Migration Zu Beginn installierte ich die benötigte **MySQL-Datenbank**, und anschließend – wie von Gambio empfohlen – das neue Shop-System in einem Unterverzeichnis der bestehenden, alten Shop-Installation. Das erleichtert die spätere Ausführung des Import-Assistenten, der auf diese Weise auch die Grundkonfiguration des alten Systems auslesen kann und es damit vermeidet, an dieser Stelle Probleme mit der Migration aufgrund fehlerhafter Angaben bei den Dateipfaden oder den Zugangsdaten für die alte Shop-Datenbank zu bekommen. Anschließend führte ich den Gambio Import-Assistenten aus. Da im alten Shopsystem eine überschaubare Anzahl von Artikel, Bestellungen und Kunden vorhanden war, dauerte der Import-Vorgang keine zwei Minuten. Eine Stichprobenüberprüfung ergab, dass der Datentransfer **erfolgreich** über die Bühne gegangen war. Im nächsten Schritt nahm ich die **Design-Anpassungen am Shopsystem** vor, um den Shop so weit wie möglich optisch an die bestehende Website der Schoenwald GmbH, die ebenfalls von uns gestaltet und erstellt wurde, anzupassen. Hier ein Screenshot der Website vom April 2013: [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/04/2013-03-schoenwald-gmbh.de_.jpg)Die Website der Schoenwald GmbH in München – erstellt von F/X Web Consulting | Webdesign München Als nächstes hatte ich noch zahlreiche Konfigurationsparameter zu überprüfen und insbesondere auch die Bereiche zu überprüfen und anzupassen, die es im alten xtCommerce-System noch gar nicht gab (z.B. die **SEO-Optimierungsparameter**). Beispielsweise konnte ich nun die Artikelbilder relativ einfach mit einem **Wasserzeichen** (dem Firmenlog der Schoenwald GmbH) versehen. Zuletzt überprüfte ich das gesamte System „auf Herz und Nieren“, und führte auch Test-Bestellungen durch, um den Bestellvorgang auf die korrekte Funktion hin zu überprüfen, und die korrekte Darstellung der Widerrufserklärung, der Allgemeinen Geschäftsbedingungen sowie der Versandbedingungen im Bestellprozess sicherzustellen. Da alles auf Anhieb reibungslos funktionierte konnte ich den neuen Shop **am 6. August 2013 live schalten**. Und so sieht der neue Klimaplatten-Shop der Schoenwald GmbH nun aus: [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/08/2013-08-antikondensplatte.de_.jpg)Der neue Klimaplatten-Onlineshop der Schoenwald GmbH in München auf www.antikondensplatte.de/shop ## Wissenwertes zur Schimmelbeseitigung und Schimmelpilz-Entfernung Wer sich von euch – ggf. aus „akutem Anlass“ – für die Themen **Schimmelsanierung** und/oder **Schimmelpilzbeseitigung** interessiert, dem empfehle ich den Besuch der entsprechenden Seiten auf der Website der Schoenwald GmbH unter Dienstleistungen > Schimmelsanierung. Alle für die professionelle Schimmelsanierung oder Schimmelpilz-Beseitigung benötigten Artikel findet Ihr natürlich nun im neuen Klimaplatten-Onlineshop der Schoenwald GmbH. ## Fazit & Dankeschön Das neue Shop-System einzurichten, zu konfigurieren, zu testen und nach erfolgreicher Shop-Migration am Ende live zu gehen war eine Menge Arbeit – **die aber richtig Spaß gemacht **und mir meine Entscheidung vor gut zwei Jahren, mich beruflich in die Richtung **Webdesign und Webentwicklung** zu verändern, erneut bestätigt hat. Dank des hervorragenden Supports von Gambio konnte ich zudem kleinere Hürden schnell überwinden und den neuen Shop letztlich dann doch recht zügig in Betrieb nehmen. Ich **bedanke mich** auch auf diesem Wege nochmals ganz herzlich bei Rolf Schoenwald, dem Inhaber der Schoenwald GmbH, für das mir entgegengebrachte Vertrauen und den Auftrag zur Erstellung seines neuen Shops! Ich würde mich wie immer über Feedback zu diesem Artikel und dem von uns erstellten Shop über die Kommentarfunktion sehr freuen. Herzlichst, Euer Franz X. Kohl --- ## Neugestaltung der Website des VäterNetzwerk München e.V. URL: https://www.muenchen-webdesign.de/2013/06/16/neugestaltung-der-website-des-vaeternetzwerk-muenchen-ev/ F/X Web Consulting hat die Website des VäterNetzwerk München e.V. **optisch** und **inhaltlich** stark überarbeitet. Eine Neugestaltung, die im Bereich Webdesign oft auch **Re-Launch** genannt wird. Dabei wurde sehr viel Wert auf eine **einfachere Navigation** gelegt, um den Besucher möglichst einfach zum gesuchten Inhalt zu führen. Gleichzeitig sollte das Design **modernisiert** und damit **einladender gestaltet** werden. [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/06/2013-05-vaeternetzwerk-muenchen.de_.jpg)Die neu gestaltete Website des VäterNetzwerk München e.V. Erreicht wurde dies durch die Umstellung von der bisherigen Kombination von horizontaler und vertikaler Navigation auf eine **neue zweizeilige, rein horizontale Navigationsleiste**. Diese Umstellung ermöglichte auch die Umstellung von einer bislang drei- auf eine nun zweispaltige Darstellung der Informationen. Damit steht nun in der Breite insgesamt **mehr Platz für die Darstellung der Inhalte** zur Verfügung, was auch der Benutzerfreundlichkeit zu Gute kommt, da weniger gescrollt werden muss. Für die zweizeilige Navigation war es auch erforderlich sich Gedanken zur **Straffung und Umgestaltung der bisherigen Informationsbereiche** und zugehörigen Navigationspunkte zu machen, da nun für die Navigation statt drei nur noch zwei Ebenen zur Verfügung stehen. Dies hat jedoch den Vorteil, dass der Besucher sich auch leichter auf der Website zurechtfindet. Des Weiteren wurden – inspiriert durch das neue **Microsoft Windows 8 Modern UI** (ehemals Metro) – für die Einstiegseite **vier klickbare Kacheln mit Piktogrammen** neu entwickelt. Mit deren Hilfe soll der Besucher gleich auf den richtigen Weg in eine der vier am häufigsten nachgefragten Bereiche geleitet werden: **Angebote**, **Schnelle Hilfe**, **Dachverband** und **Vernetzung/Mitglieder**. Mit Hilfe dieser Umgestaltungsmaßnahmen soll der Besucher von [www.vaeternetzwerk-muenchen.de](http://www.vaeternetzwerk-muenchen.de) künftig leichter das Gewünschte finden. Im Bereich des Website-Designs hat sich auch einiges getan. Neben der **optischen Aufwertung der Einstiegsseite** durch die Piktogramm-Kacheln wurde der Webseite durch einen sogenannten Box-Shadow mehr „Tiefe“ gegeben. Hierfür war es auch erforderlich auf den bisherigen, besonders auf großen Bildschirmen zu „dominanten“ blauen Hintergrund zu verzichten, damit der Schatteneffekt zur Geltung kommt. Dadurch wird nun der Blick des Besuchers mehr auf die Inhalte der Site fokussiert. Außerdem wurde die **Kopfgrafik völlig neu gestaltet**, dort wird nun durch ein Bild der **Skyline von München** der Bezug des Vereins zu München betont. Zum Vergleich hier eine Abbildung der Website wie sie vor der Umgestaltung aussah: [](http://www.muenchen-webdesign.de/wp-content/uploads/2012/12/2011-11-vaeternetzwerk-muenchen.de_.jpg)Die Website des VäterNetzwerk München e.V. vor der Neugestaltung Inhaltlich haben wir nun auch den Hauptbereich **Organisationen** freigeschaltet. Dort finden sich sowohl ein Kurzüberblick als auch Details zu den Mitgliedsorganisationen des VäterNetzwerk München, die der Besucher mit Hilfe der speziell dafür eingerichteten Organisationssuche gezielt nach verschiedenen Kriterien durchsuchen kann. **Wie gefällt euch die neu gestaltete Website des VäterNetzwerk München e.V.?** Ich würde mich über eure – gerne auch kritischen! – Kommentare oder Verbesserungsvorschläge sehr freuen! Und natürlich freue ich mich auch über jeden Klick in der Social Media Leiste (Facebook, Google+, XING) unterhalb des Artikels. Herzlichst, Franz X. Kohl P.S.: Falls Du als Organisation oder Einzelperson im Raum München **Angebote für Väter** hast oder **in der Väterarbeit engagiert** bist, nimm bitte Kontakt zum VäterNetzwerk München auf! --- ## Kritische Sicherheitslücke in WordPress-Plugins „WP Super Cache“ und „W3 Total Cache“ URL: https://www.muenchen-webdesign.de/2013/04/25/kritische-sicherheitsluecke-in-wordpress-plugins-wp-super-cache-und-w3-total-cache/ Erst vergangene Woche hatte ich ja einen Artikel darüber verfasst, dass derzeit vermehrt Angriffe auf WordPress-basierende Websites stattfinden. Nun habe ich heute Nachmittag erfahren, dass in zwei sehr verbreiteten und bekannten WordPress-Plugins Sicherheitslücken gefunden wurden, die es einem versierten Hacker problemlos ermöglichen, sich in Ihre Website zu hacken. ## Welche WordPress-Plugins sind von der Sicherheitslücke betroffen? Es handelt sich um die beiden Caching-Plugins „**W3 Total Cache**“ und „**WP Super Cache**“, die beide durch Zwischenspeicherung von Seiten eine beschleunigte Darstellung der Webseiten versprechen, und damit insgesamt schnellere Ladezeiten auf Ihrer Website ermöglichen sollen. ## Wer ist betroffen? Die Sicherheitslücke scheint nur Websites bzw. Blogs zu betreffen, die den Besuchern das Hinterlassen von Kommentaren bzw. Eingaben (ggf. auch über Kontaktformulare) ermöglichen. ## Wie können Sie diese Sicherheitslücke beseitigen? Wenn Sie eines der beiden Plugins im Einsatz haben, und Eingaben (Kommentare, Formulare) auf Ihrer WordPress-Website möglich sind, oder Sie sich nicht sicher sind, aber auf Nummer sicher gehen wollen, dann gehen Sie wie folgt vor: - Melden Sie sich als Administrator auf Ihrer Site an und deaktivieren Sie unter **Plugins > Installierte Plugins** das von Ihnen verwendete Plugin. - Falls Sie das Plugin künftig nicht mehr nutzen möchten sind Sie jetzt fertig (optional können Sie das Plugin aber auch löschen). Ansonsten geht es weiter beim nächsten Punkt. - **Sichern Sie Ihre Site** so bald wie möglich (das sollten Sie vor jedem WordPress-, Theme- oder Plugin-Update tun!) und aktualisieren Sie das Plugin auf die neueste Version. Reaktivieren Sie das Plugin, und geben Sie in einem Kommentarfeld folgendes ein: <!–mfunc echo PHP_VERSION; –><!–/mfunc–> - Wenn Sie anschließend den Kommentar ansehen, und als Textanzeige eine Versionsnummer sehen (ähnlich dieser: **5.2.17**), dann hat das Plugin noch immer die Sicherheitslücke – in dem Fall gilt: sofort wieder deaktiveren und auf den nächsten Plugin-Update warten. ## Eine Bitte Wenn Sie andere Leute kennen, die eine Website auf der Basis von WordPress betreiben, bitte ich höflichst um Weiterleitung dieser Information. Dafür schon vorab herzlichen Dank! --- ## Unternehmen URL: https://www.muenchen-webdesign.de/unternehmen/ ## F/X Web Consulting | Internetagentur München ### Wir nehmen Ihre Website persönlich! …und erstellen als Internetagentur in München **kundenfreundliche** und **umsatzfördernde Internet-Lösungen** (Websites, Online-Shops, Facebook-Fanseiten, Unternehmensseiten auf LinkedIn und XING, Blogs und einiges mehr) für kleine und mittlere Unternehmen (KMU’s), Freiberufler und Vereine in der Region München. ### Wir sind Ihre Internetagentur in der Region München Unser Service beinhaltet das **Webdesign** (inkl. Ihrer Corporate Identity/Design), die inhaltliche Neuerstellung oder auch Migration Ihrer Inhalte, die **Suchmaschinenoptimierung** (SEO) und das **Suchmaschinenmarketing** (SEM; z.B. Google Adwords), sowie bei Bedarf auch die fortlaufende **Administration und Pflege Ihrer Webseite**. Und **wir helfen Menschen** erfolgreich im Internet zu werden – egal ob nebenberuflich oder hauptberuflich. **Wir schulen Sie** darin, für sich selbst und andere Unternehmen einen professionellen Internet-Auftritt im Web und sozialen Medien zu erstellen. Der Markt dafür ist riesig – ergreifen Sie jetzt Ihre Chance und informieren Sie sich hier! ### Mehr über F/X Web Consulting… …erfahren Sie auf unserer **Unternehmens-Website**: www.fx-web.de/unternehmen Für einen **ersten Eindruck** über unsere Arbeit besuchen Sie bitte unsere Referenzen-Seite hier im Blog. Eine **umfangreichere Übersicht** und die jeweils aktuellsten Beispiele für unsere Arbeit finden Sie jedoch auf unserer Website unter Unternehmen > Referenzen. [](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/FX-Web-Consulting_Basis_Titelbild_828x315-ab-2019-10.jpg" target="_blank" rel="noopener noreferrer)F/X Web Consulting: Logo mit Auswahl von Kundenreferenzen Außerdem finden Sie dort unter Unternehmen > Kundenfeedbacks auch einige Feedbacks von unseren sehr zufriedenen Kunden. Falls Sie noch **Fragen zum Unternehmen** haben oder **weitere Informationen** von uns benötigen nehmen Sie bitte Kontakt mit uns auf. **Wir freuen uns auf Sie!** --- ## Achtung: Vermehrte Angriffe auf WordPress und Joomla Installationen URL: https://www.muenchen-webdesign.de/2013/04/21/achtung-vermehrte-angriffe-auf-wordpress-und-joomla-installationen/ In den vergangenen Tagen häufen sich die Meldungen auf diversen Blogs und Online-Repräsentanzen bekannter Computer-Magazine wie heise.de, dass derzeit vermehrt Angriffe (Botnetz-Attacken) auf Websites stattfinden, die auf WordPress oder Joomla basieren. Manche Hoster und Webspace-Provider agieren präventiv, und infomieren ihre Kunden über diesen Umstand. Die guten Anbieter liefern auch gleich Links zu Hintergrund-Informationen mit. Und die ganz guten Provider geben auch noch Tipps dazu was man tun soll, um sich gegen diese Attacken so gut es geht abzusichern. Für alle, deren Provider nicht zu den ganz guten gehört, haben wir diesen Artikel verfasst. Hier nun also ein paar grundlegende Informationen und Sicherheits-Tipps dazu. ## Um was für Angriffe bzw. Attacken handelt es sich? Bei den **WordPress-basierenden Webseiten bzw. Blogs** werden automatische Brute-Force Attacken gegen den WordPress-Login gefahren, mit dem Ziel den WordPress-Blog zu übernehmen. Bei einer **Brute-Force Attacke** wird probiert, sich mit gängigen Kombinationen aus Benutzernamen und Passwörtern in eine Seite einzuloggen. Da der **Standard-Benutzername** bei WordPress-Installationen immer „admin“ lautet, brauchen die Angreifer hier nur verschiedene **Passwortkombinationen ausprobieren**. Sollte ein verhältnismäßig einfaches Passwort für den WordPress-Login gewählt worden sein, ist die Chance relativ hoch, dass die Angreifer erfolgreich sind. Des weiteren erzeugen die Angriffe eine hohe Systemlast auf den Shared-Hosting Servern der Provider, wodurch es zu verzögerten Antwortzeiten kommen kann. Bei Webseiten die mit **Joomla** erstellt wurden kommt es derzeit verstärkt vor, dass Joomla 1.x Installationen gehackt und dazu missbraucht werden, Spam zu versenden oder DoS-Attacken (DoS = Denial of Service) durchzuführen. ## Wie kann man sich gegen diese Attacken schützen? ### Auf Webseiten mit WordPress Bei WordPress-Installationen können Sie sich relativ einfach wie folgt behelfen: Erstellen Sie eine **vollständige** Sicherung Ihrer WordPress-Installation! Mit vollständig ist gemeint: nicht nur die Dateien, sondern auch die MySQL-Datenbank! Mehr zum Thema Sicherung eines WordPress-Blogs gibt es weiter unten. Erstellen Sie für die administrativen Tätigkeiten auf Ihrer WordPress-Site **einen eigenen Benutzer mit administrativen Rechten** (mit der Rolle „Administrator“). Vergeben Sie diesem Benutzer unbedingt ein wirklich **sicheres Paßwort**, also eines welches mindestens 8 Zeichen lang ist sowie Groß- und Kleinschreibung, Zahlen und Sonderzeichen verwendet. Verwenden Sie im Benutzernamen weder die Zeichenkette „admin“, noch Ihren (ausgeschriebenen) Vor- oder Nachnamen – damit künftige, ggf. noch „schlauere“ Attacken es so schwer wie nur möglich haben, den administrativen Benutzer Ihrer Site zu identifizieren. Melden Sie sich mit dem neu erstellten administrativen Benutzer an und **testen Sie** ob alles wie gewohnt funktioniert. **Optional**: Falls Sie Ihre Blog-Artikel bisher mit dem administrativen Benutzer mit dem (bei der WordPress-Installation standardmäßig so benannten) Benutzernamen „admin“ erstellt haben, und sich die Anzahl Ihrer Blog-Artikel „in Grenzen hält“): Erstellen Sie am besten auch gleich einen zusätzlichen Benutzer mit **redaktionellen Rechten** (Rolle: Redakteur), und geben Sie bei diesem Benutzer als Vor- und Nachname „Redakteur“ ein. Ändern Sie anschließend bei allen Ihren Blog-Artikeln den Autor auf den neuen redaktionellen Benutzer ab, den Sie ja anhand Vor- und Nachname – also „Redakteur Redakteur“ leicht identifizieren können. Alternativ können Sie – falls Sie sich mit MySQL-Datenbanken gut auskennen – die Autoren-Zuordnung direkt in der Datenbank auf den neuen Benutzer abändern. - Ändern Sie zuletzt den redaktionellen Benutzer, indem Sie bei diesem die gleichen Angaben für Vorname und Nachname eingeben, die Sie beim administrativen Benutzer „admin**„** angegeben hatten. Wenn Ihr im Schritt 2. neu erstellter und im Schritt 3. getesteter neuer administrativer Benutzer tadellos funktioniert, und Sie manuell eine Sicherung Ihrer WordPress-Installation erstellt haben – **und nur dann!** – können Sie den ursprünglichen administrativen Benutzer mit dem Benutzernamen „admin**„** nun löschen. Einen noch wirkungsvolleren Schutz gegen solche Attacken erreichen Sie, indem Sie Ihren WordPress-Login zusätzlich mit einem **serverseitigem Passwortschutz** über eine sogenannte .htaccess-Datei versehen. Falls Ihr Provider die Confixx-Serververwaltung verwendet, können Sie diesen Schutz dort unter „Einstellungen -> Passwortschutz“ setzen. Bei einer WordPress-Installation muss dazu der Passwortschutz auf das Verzeichnis „wp-admin“ gesetzt werden. In anderen Serververwaltungs-Produkten kann man sicher ähnliche Konfigurationseinstellungen vornehmen, fragen Sie im Zweifelsfall Ihren Hoster bzw. Provider. Falls Sie sich die Durchführung obiger Schritte nicht zutrauen, dann vergeben Sie wenigstens dem Benutzer admin ein super-sicheres Paßwort, so wie oben beschrieben. Weitere Hinweise zu sicheren Paßwörtern gibt’s auch im FAQ auf unserer Unternehmensseite unter Punkt 4.: Acht goldene Regeln für sichere Passwörter Der Vollständigkeit halber weisen wir darauf hin, dass wir **keinerlei Haftung** dafür übernehmen, falls Sie obige Schritte durchführen und dabei etwas schiefgeht. Wenden Sie sich daher im Zweifelsfall bitte lieber an einen versierten Fachmann. ### Auf Webseiten mit Joomla Wir empfehlen allen Kunden mit aktiven Joomla 1.x Installationen **dringend** auf Joomla 2.5 oder besser noch auf Joomla 3.0 umzusteigen. Wir möchten allerdings darauf hinweisen, dass ein einfaches Update auf die neueren Versionen durch den Hersteller nicht vorgesehen und somit nicht möglich ist. Die Migration ist hier etwas aufwändiger, diverse Anleitungen und auch Joomla Plugins hierzu können Sie sicher über die Suchmaschine Ihrer Wahl finden. Natürlich können Sie sich auch an den Webmaster Ihrer Joomla-Seite oder gerne auch an uns wenden. ## Sichern, sichern, sichern! Worauf Sie grundsätzlich achten müssen ist eine **regelmäßige Sicherung Ihrer Website**, egal ob WordPress-Blog, Joomla-Website, oder irgendein anderes (CMS-)System! Im Falle von CMS-Systemen wie WordPress und Joomla besteht eine Sicherung immer aus den **Dateien** des CMS-Systems (PHP-Scriptdateien und weitere) sowie der zugehörigen **Datenbank** (in den meisten Fällen eine MySQL-Datenbank). Die Häufigkeit der Sicherungen hängt davon ab, wie oft Sie Änderungen an Ihrer Site machen, bzw. auch wie oft beispielsweise von Besuchern neue Kommentare auf Ihrem Blog hinterlassen werden. **Wir empfehlen mindestens eine wöchentliche Sicherung, besser noch eine tägliche Sicherung Ihrer Site!** Erkundigen Sie sich auch bei Ihrem Provider, wie oft er Ihre Site oder Ihren Blog sichert, und wie lange es ggf. dauert, bis eine Wiederherstellung möglich ist. Die Möglichkeit einer (schnellen) Wiederherstellung ist auch insbesondere dann wichtig, wenn Ihre Site mal gehacked werden sollte – denn eine **Wiederherstellung einer funktionstüchtigen bzw. Malware-freien Version Ihrer Website** ist noch immer die zuverlässigste und meistens auch schnellste Methode um eigene Fehler bei der Konfiguration oder eine Verseuchung durch Malware zu beseitigen. Eine **Grundregel** bei WordPress ist auch, jeweils selbst vor der Aktualisierung auf eine neuere Version von WordPress selbst eine manuelle Sicherung durchzuführen. Gleiches gilt auch vor der Installation neuer Komponenten (Themes, Plugins) oder neuerer Versionen dieser Komponenten. Zu diesem Zweck gibt es für WordPress eine ansehliche Anzahl an Plugins, die Sie relativ einfach installieren können. Wir selbst haben bisher gute Erfahrungen mit dem WordPress-Plugin Online Backup for WordPress gemacht, welches Sie ganz leicht im in WordPress integrierten Plugin-Verzeichnis (Dashboard > Plugins > Installieren) finden können – hier ein Screenshot dazu: [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/04/screenshot-wordpress-plugin-online-backup-for-wordpress.png) ## Links Weitere Informationen zu dieser Angriffswelle auf WordPress finden Sie z.B. auf der folgenden Seite: [http://www.heise.de/security/meldung/Botnet-attackiert-Wordpress-Installationen-weltweit-1841419.html](http://www.heise.de/security/meldung/Botnet-attackiert-Wordpress-Installationen-weltweit-1841419.html" target="_blank" rel="noopener) ## Fazit Kaum ein Tag vergeht noch ohne neue Meldungen über Viren, Malware und Attacken. Wenn Sie jedoch obige grundsätzlichen Hinweise zum Thema Paßwörter und Sicherungen befolgen, können Sie künftig etwas beruhigter schlafen. Ich wünsche Ihnen jedenfalls jede Menge ruhigen Schlaf, und weiterhin eine gute Zeit! Herzlichst, Ihr Franz X. Kohl --- ## Endlich ein Ersatz: Alternative zu Windows Live Mesh! URL: https://www.muenchen-webdesign.de/2013/03/16/endlich-ein-ersatz-alternative-zu-windows-live-mesh/ ## Update 2017: Bye, bye Cubby – Welcome MEGA! Mehr dazu in den Updates am Ende des Artikels, in dem ich beschreibe, wie sich die Geschichte ab Ende 2016 nochmals verändert hat – „dank“ LogmeIn, die den 2013 von mir als Alternative für Windows Live Mesh entdeckten Service eingestellt haben. ## Endlich – eine Alternative für Microsoft’s Windows Live Mesh: cubby! In diesem Artikel geht es um ein Thema, das wochenlang meine Nerven strapaziert und einiges an Zeit gekostet hat – nämlich einen echten Ersatz für Windows Live Mesh zu finden! ## Wie kam es dazu? Die Historie… Ich war ein langjähriger und sehr zufriedener Nutzer von Windows Live Mesh, was seit längerem eines der Bestandteile von Microsoft’s **Windows Essentials** (vormals Windows Live Essentials) war, neben weiteren Komponenten wie beispielsweise **Windows Live Mail** (E-Mail-Programm), **Windows Live Fotogalerie** (Bildverwaltungsprogramm), **Windows Live Writer** (Blog-Programm) und **Windows Live Messenger** (Instant-Messaging-Programm). Es muss etwa **Anfang Dezember 2012** gewesen sein, als ich darauf aufmerksam wurde, dass Windows Essentials (Version 2012) verfügbar ist. Gelesen, gelacht, meinen Notebook schnell gesichert und dann gleich den Update gestartet. Während des Installations- bzw. Update-Vorgangs kam dann plötzlich ein Dialogfenster, das in etwa folgenden Hinweis enthielt: Wenn auf Ihrem Computer Windows Live Mesh installiert ist, wird dieses Programm bei der Installation von Windows Essentials 2012 automatisch entfernt und stattdessen Microsoft SkyDrive installiert. Wenn Sie die Inhalte auf SkyDrive mit all Ihren PCs und auch mit einem Mac synchronisieren möchten, müssen Sie SkyDrive auf jedem dieser Computer installieren. Zu diesem Zeitpunkt ging ich – völlig untypisch für mich, und zugegebenermaßen etwas blauäugig – davon aus, dass die mit Windows Essentials 2012 gelieferte Version von **SkyDrive** zumindet betreffend der **Synchronisationsfähigkeiten** ein vollwertiger Ersatz für Windows Live Mesh sein würde. Umso herber wurde ich nach erfolgreicher Installation enttäuscht. Nachdem ich mir die installierte SkyDrive-Version genauestens angesehen und umfangreiche Recherchen im Web durchgeführt hatte, musste ich ziemlich frustiert folgendes erkennen: - Windows Live Mesh war in der Lage, **beliebige Ordner auf meinen Laufwerken**zu Windows Live Mesh hinzuzufügen, und entweder mit der (Live Mesh-)Cloud oder einem meiner anderen mit Windows Live Mesh verbundenen Computer, oder auch mit beidem gleichzeitig zu synchronisieren.Auf diese Weise konnte man beliebig viele Ordner auf mehreren Computern synchron halten **ohne** **die Daten in der Cloud ablegen zu müssen** (wie dies bei vielen anderen Cloud-Synchronisationsdiensten wie beispielsweise Dropbox der Fall ist). Gleichzeitig hatte man die Flexibilität, trotzdem selektiv Ordnerinhalte zusätzlich in die Cloud zu synchronisieren. Außerdem ließ es sich so auch leicht vermeiden, das vorgegebene Speicherlimit in der Mesh-Cloud von 5 GB zu schnell zu erreichen, und/oder bei vielen Dateiaktualisierungen in einem mit Mesh synchronisierten Ordner die verfügbare DSL-Bandbreite ständig mit Aktualisierungen zu belasten.Im Gegensatz dazu erlaubt mir SkyDrive bis heute nur, **einen einzigen bestimmten Ordner** auf einem meiner Laufwerke zu definieren, dessen Inhalte (Dateien und Verzeichnisse) dann mit SkyDrive synchron gehalten werden. Natürlich kann (und sollte) der Nutzer das SkyDrive-Verzeichnis (Standardort: %userprofile%\SkyDrive) sinnvollerweise um Unterverzeichnisse erweitern, um dort nicht irgendwann eine völlig unübersichtliche Ansammlung von Dateien vorzufinden.Wie schnell der Nutzer **die Grenze von kostenlosen 7 GB** erreicht ist in Verbindung mit den eben geschilderten Restriktionen absehbar. Ich fand zwar diverse Hinweise, dass diese Einschränkung anscheinend mit Hilfe von Symbolischen Verknüpfungen (auch Soft Links genannt) umgangen werden können, aber Soft Links sind schon ein relativ komplexes Thema und sicher nicht für Ottilie Normalverbraucherin geeignet. - Mit Windows Live Mesh konnte man eine **echte Peer-to-Peer-Synchronisation (P2P) **zwischen zwei oder auch mehreren Rechnern einrichten.Es musste lediglich der entsprechende Rechner einmalig in meiner Windows Live Mesh Cloud registriert werden, sowie jeder zu synchronisierende Ordner einmal für die Synchronisation auf dem jeweiligen Computer ausgewählt werden. Dabei konnte der Verzeichnispfad auf jedem der an der Synchronisation beteiligten Rechner verschieden sein – also eine sehr flexible Lösung.**In SkyDrive gibt es diese P2P-Synchronisation schlichtweg nicht**. Damit fällt es für diese Art von Aufgabe völlig aus, und die diversen Marketingbotschaften seitens Microsoft, dass SkyDrive der Nachfolger von Windows Live Mesh wäre und „alles schöner mache“ sind ganz einfach das was sie sind – Marketing. Sonst nix.Ich persönlich nutze SkyDrive, dessen User Interface und Funktionalität ich erstklassig finde, natürlich nach wie vor gerne für das Teilen von Fotoalben (in der Regel direkt aus der Windows Live Photogallery heraus) und anderer Dokumente, auf denen ich anderen Leuten den Lese- oder auch Schreibzugriff gewähren möchte (z.B. Dokumente der Vätervereine, in denen ich aktiv bin). Insbesondere die Integration der Office Web Apps in SkyDrive ist ein echter Mehrwert für diesen Cloud-Service. - Die in Windows Live Mesh enthaltene **Remote Desktop** Unterstützung ist ebenfalls in SkyDrive nicht enthalten. Auch wenn die Fernsteuerung der Rechner über dieses Feature schon immer – auch über NAT’s hinweg – unkomplizierter ging als mit dem in Windows 7 enthaltenen Remote Desktop Programm, so vermisse ich dies nicht wirklich, da ich schon vor längerem auf TeamViewer umgestellt habe. Den einzigen Vorteil, den **SkyDrive gegenüber Live Mesh** aufweist, ist die Verfügbarkeit **mobiler Clients**, genauer gesagt: einer **SkyDrive-App** für verschiedene Betriebssysteme für mobile Geräte (SmartPhones, Tablets). Das war zwar ursprünglich auch für Windows Live Mesh vorgesehen, wurde aber nie implementiert. Allerdings hatte ich auf meinem HTC 7 Pro mit Windows Phone 7.5 schon öfter Probleme bei der Verwendung der SkyDrive App, insbesondere beim Öffnen von Dokumenten mit den Mobile Apps (Word, Excel) und der unvollständigen Synchronisierung von OneNote-Inhalten. ## Alternativen…? Ich war jedenfalls nicht bereit mich diesen SkyDrive-Restriktionen anzupassen, denn dies hätte eine völlige Unterordnung meiner über Jahre gewachsenen Ordnerstruktur unter den SkyDrive-Ordner bedeutet. Zahlreiche Links auf lokale Daten hätten nicht mehr funktioniert, und bei manchen Programmen, die Ihre Daten in bestimmten Verzeichnissen erwarten, wäre diese Variante sowieso gescheitert. Ganz zu schweigen von bestimmten „System-Verzeichnissen“ wie beispielsweise AppData, in deren Unterverzeichnissen sich Daten befinden, die ich auch gerne immer nur an einer Stelle anpasse, und die dann vollautomatisch auf den anderen Rechnern aktualisiert werden sollen (beispielsweise die in Microsoft Outlook eingerichteten Signaturen). Meine ersten **Rechercheversuche nach Alternativen** blieben ziemlich erfolglos. Vergleichbare Dienste wie **Dropbox** hatten die gleichen oder ähnlichen Einschränkungen wie SkyDrive. ### P2P-Synchronisations-Programme… Also weitete ich meine Recherchen auf „normale“ Desktop-Programme zur Synchronisation zwischen Computern aus, und stieß dabei auf Programme wie **PureSync** und **Synchredible**, und das seit 2009 nicht mehr weiterentwickelte Programm **SyncToy** von Microsoft. Speziell die beiden erstgenannten testete ich auch jeweils für einige Wochen, war aber mit den Resultaten alles andere als zufrieden. Ein grundsätzlicher Nachteil dieser Desktop-Synchronisations-Programme ist nämlich der, dass das jeweilige Programm im Normalfall nur auf einem Rechner installiert wird (um keine Datei-Zugriffskonflikte beim Synchronisieren zu bekommen). Und das hat zur Folge, dass das Programm nur auf dem Rechner, auf dem es installiert ist, automatisch erkennen kann, wenn sich in dem für die Synchronisation konfigurierten Verzeichnissen etwas ändert (also neue, geänderte und gelöschte Dateien erkennt). Ändert sich jedoch was auf einem der anderen Rechner, ist eine manuell angestossene Synchronisation nötig. Ich erlebte zudem haarsträubende Situationen wie etwa die, dass durch einen einfachen Wegfall der Netzwerkverbindung zum Zielrechner (ein Notebook, der sich ganz normal in den Schlafmodus gelegt hatte) die Synchronisationssoftware auf dem Quellrechner „dachte“, es müsse auf der Quellseite alle Dateien im konfigurierten Verzeichnis löschen, weil diese ja auf der Zielseite nicht mehr vorhanden wären… mein Glück war, dass ich das Löschen von Daten nur auf explizite Rückfrage eingestellt hatte… ## Das Ende naht… In der Zwischenzeit rückte das endgültige Ende von Windows Live Mesh immer näher. Versuchte man sich noch bei [http://mesh.live.com](http://mesh.live.com) anzumelden, wurde man auf die Seite [https://devices.live.com/](https://devices.live.com/) weitergeleitet, und erhielt folgenden Hinweis angezeigt: [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/03/Wichtige-Nachricht-fuer-Windows-Live-Mesh-Kunden-WLM-wird-am-13.02.13-beendet.jpg) Seit dem 13. Feburar 2013 wird man beim Versuch, sich mit [http://mesh.live.com](http://mesh.live.com) zu verbinden, auf [http://windows.microsoft.com/de-de/skydrive/mesh-users](http://windows.microsoft.com/de-de/skydrive/mesh-users) weitergeleitet. Dort erhält man nicht nur die Information darüber, dass der Dienst mittlerweile eingestellt wurde, sondern erhält auch – und das ist löblich zu erwähnen – von Microsoft noch eine letztmalige Frist sich seine in der Mesh-Cloud abgelegten Dateien auf den lokalen Rechner herunterzuladen: **Am 13. August 2013 werden alle Dateien im Mesh-Onlinespeicher dauerhaft gelöscht.** Auf dieser Seite ist auch ein **spezieller Link hinterlegt**, mit dessen Hilfe der Live Mesh Benutzer noch **an seine ursprünglich synchronisierten Dateien und Verzeichnisse in der Mesh-Cloud gelangt**. ## Endlich die Alternative zu Windows Live Mesh in Sicht… cubby! Ebenfalls im Zeitraum Dezember hatte ich nochmals nach Alternativen zu Windows Live Mesh gesucht, und war dabei auf folgenden **Thread im Microsoft Answers Forum** gestoßen: Alternative zu Live Mesh Dort erwähnte jemand in einem Beitrag den Namen **cubby** als eine Lösung, die bezüglich P2P-Synch ähnlich wie Windows Live Mesh wäre, und ebenfalls kostenlos. Also suchte ich und wurde auch recht schnell unter cubby.com fündig. Ich sah mir die Features durch und war begeistert als ich las, dass P2P-Sync tatsächlich enthalten ist – bei cubby nennt sich diese Funktion **DirectSync**. Leider war zu diesem Zeitpunkt schon erkennbar, dass DirectSync nach Abschluss der Beta-Phase nur noch in der kostenpflichten Variante von cubby enthalten sein würde. Man kann jedoch nach meinem aktuellsten Kenntnisstand **DirectSync auch mit der kostenlosen Version für eine gewisse Zeit in einem Trial-Modus ausprobieren**). Ich konnte jedoch zu diesem Zeitpunkt DirectSync noch ohne Limitierung kostenlos testen – und war nach zwei Wochen **einfach nur begeistert!** Da in nächster Zeit seitens Microsoft leider keine Lösung in Form der nötigen Erweiterungen für SkyDrive in Sicht ist (man beachte die entsprechenden Antworten im Microsoft Answers Forum zum weiter oben schon erwähnten Thread), erwarb ich Anfang Februar bei cubby.com ein Abonnement für die Pro Version – zu dem Zeitpunkt glücklicherweise noch zum Spezialpreis für Betatester. Außer dem DirectSync-Feature erhielt ich dafür auch 100 GB Cloud-Speicher, das reicht mir voraussichtlich verflixt lange. **Ich bin bis heute sehr zufrieden mit cubby** und kann deshalb jedem ehemaligen Nutzer von Windows Live Mesh die Lösung von cubby **wärmstens empfehlen**. Wer die Software und dessen Bedienung und Leistungsfähigkeit erst einmal kostenfrei testen will, kann sich über diesen Link die cubby Desktop App herunterladen. Diese dann einfach wie jedes Windows Programm einfach installieren (eine Sache von weniger als 2 Minuten) und sich direkt aus der Software heraus für die kostenlose Basic Version registrieren – schon kann’s losgehen! Die **cubby Desktop App** gibts übrigens sowohl für **Windows PC’s** als auch für den **Mac**, und die **mobile App** ist für **Apple iPhones** und **Android Smartphones** im jeweiligen App Store bzw. bei Google Play verfügbar. ### Noch ein Abschied: Windows Live Messenger weicht für Skype Weil es zum Abschied von Windows Live Mesh passt, sei an dieser Stelle auch angemerkt, dass zwischenzeitlich noch ein weiteres „Mitglied“ aus der Windows Essentials Familie „geflogen ist“, nämlich der **Windows Live Messenger.** Microsoft hatte schon vor einiger Zeit angekündigt, den Windows Live Messenger einzustellen und komplett durch Skype zu ersetzen. Der Windows Live Messenger wies auch schon seit einigen Wochen beim Start in einem extra Dialog auf diese Umstellung hin. Das endgültige Aus wurde auf den **15. März 2013** festgelegt. Man kann sich schon seit einiger Zeit mit seinem **Microsoft-Konto** (vormals: Windows Live ID) bei Skype anzumelden, vorausgesetzt, man hat die aktuellste Version installiert. **Die bisherigen Messenger-Kontakte werden automatisch übernommen.** Ich habe selbst im Februar auf meinen Rechnern von Windows Live Messenger auf Skype umgestellt, **bisher läuft alles problemlos**. Was ich allerdings vermisse, sind die **Tastaturkürzel** für bestimmte, häufig von mir verwendete Emoticons (Smileys) – wenn ich bisher im WLM die Zeichen „:-*“ (ohne Hochkommas) für ein Küßchen eingegeben habe, so muss ich jetzt in Skype „:*“ oder „(kiss)“ (ebenfalls ohne Hochkommas) eingeben… was es also erfordert, sich künftig noch mehr dieser Tastaturkürzel einzuprägen, da beispielsweise der in **Windows Phone 7.x** eingebaute Messenger nach wie vor die Kürzel des Windows Live Messenger verwendet… ## Fazit: Endlich wieder mehr Zeit für „echte Arbeit“ Microsoft hat hier wohl so manchen Kunden (wie mich) verärgert, der sich in der Vergangenheit der problemlosen Synchronisation zwischen PC’s und optionaler Zusatzablage in der Cloud erfreut hatte. Mit **cubby** von **LogMeIn** ist nun gottseidank eine vom Funktionsumfang her fast vollwertige Alternative vorhanden, die mir nun meine Synchronisations-Sorgen abgenommen hat und wieder mehr Zeit für meine Kundenprojekte läßt :-). ## Update 2017: Bye, bye Cubby – Welcome MEGA! LogMeIn hat Ende 2016 angekündigt, dass der Service Cubby zum 01.04.2017 eingestellt wird. Was mich zunächst ärgerte, hat sich am Ende als Glücksfall erwiesen – denn Cubby hatte trotz des stabilen Service und des dringend benötigten DirectSync-Features gegenüber Windows Live Mesh immer einen speziellen Nachteil: es hat lokale Dateivorgänge wie das Umbenennen oder Verschieben einer Datei immer in Form eines „Kopieren neue Dateiversion – Löschen vorherige Dateiversion“ umgesetzt – was vor allem bei größeren Dateien dazu führte, dass diese zu allen via Cubby angebundenen Geräten neu kopiert wurde. Windows Live Mesh hingegen hatte einen Rename File oder Move File immer als solchen erkannt und die entsprechende Transaktion dann auch auf den anderen Geräten durchgeführt. Außerdem hatte Cubby von Beginn an Probleme mit dem Entfernen von Dateien, die mit einem Punkt „.“ beginnen (z.B. .htaccess) – was mich dazu „zwang“, gelegentlich aufzuräumen… All diese Probleme haben sich mit der nach umfangreichen Recherchen gefundenen Nachfolgelösung MEGA von der Firma Mega Limited gottseidank erledigt. MEGA bietet zwar kein DirectSync-Feature an, aber dafür haben wir mittlerweile hierüber auch eine sicherere Cloud-Backup-Lösung für unsere Dateien, die somit zusätzlich zu unseren lokalen Dateisicherungen eine „doppelte Sicherung“ ermöglicht. Dass der Mitbegründer von MEGA, Kim Dotcom, des Öfteren als zwielichtige Gestalt in den Medien beschrieben wird, hat mich anfänglich auch zurückhaltend sein lassen. Aber nach den umfangreichen Recherchen zog am Ende auch das Argument, dass ich lieber einen zuverlässigen Service in Neuseeland mit sehr guter End-to-End-Verschlüsselung nutze, als einen ähnlichen Service der aber in den USA gehostet ist bzw. von einem nordamerikanischen Anbieter betrieben wird. Ich habe mich für die – natürlich wie schon bei Cubby kostenpflichtige – kleinste Variante (Tarif PRO LITE mit 200 GB Speicherplatz) entschieden, und komme damit bis heute gut damit zurecht. Die verfügbaren Anwendungen ([MEGAsync](https://mega.nz/sync" target="_blank" rel="noopener noreferrer) für die Synchronisation und [MEGA Privacy](https://www.microsoft.com/store/productId/9WZDNCRCWSJR" target="_blank" rel="noopener noreferrer) als Windows 10 App im Microsoft Store, beide inklusive [Unterstützung für Windows 10 Mobile](https://mega.io/de/mobile" target="_blank" rel="noopener noreferrer), aber natürlich auch für iOS und Android) und [Browser-Plugins für die gängigen Browser](https://mega.nz/extensions" target="_blank" rel="noopener noreferrer) (für schnellere Datentransfers und weiter erhöhte Sicherheit) werden regelmäßig aktualisiert und sind ausreichend performant. Zudem kann ich weltweit von jedem Rechner mit Internetzugang abgesichert und mit Verschlüsselung auch mit einem Browser auf meine Daten zugreifen – was will ich mehr? ## Update 2018: Immer noch MEGAmäßig zufrieden Meine Entscheidung für MEGA war goldrichtig, auch wenn sich der Mitbegründer, Kim Dotcom, mittlerweile kritisch dazu äußert. Das dürfte aber eher an seinen eigenen geschäftlichen Plänen und Motiven liegen, einen ähnlichen Service neu ins Leben zu rufen. Zudem hat sich MEGA zu 100 Prozent der Erfüllung der neuen, seit 25. Mai 2018 gültigen EU-Datenschutzverordnung verschrieben, und es wird aktuell eine Windows 10 Universal App entwickelt, die auch bereits als [Beta-Version](https://www.microsoft.com/store/apps/9nbs1gzzk3zg" target="_blank" rel="noopener noreferrer) zur Verfügung steht. ## Update 2019: Gratis-Update auf doppelten Speicherplatz In Zeiten, in denen alles nur teurer wird oder manchmal auch zum gleichen Preis Leistungen entfallen, war es eine echte MEGA-Überraschung (und quasi ein Weihnachtsgeschenk), als diese [am 16. Dezember auf ihrem Blog](https://mega.nz/blog_58" target="_blank" rel="noopener noreferrer) (und am 17. Dezember 2019 auf Facebook) ankündigten, dass ab sofort bei allen Bezahl-Accounts die zur Verfügung stehende **Speicherplatzgröße verdoppelt wird!** Als ich kurz darauf in meiner MEGA Desktop App nachgesehen habe war es bereits geschehen – ich habe nun 400 GB anstelle der 200 GB zur Verfügung. Erstklassig! Diese Aktion kam auch gerade zur rechten Zeit, denn ich hatte bereits ca. 190 GB meiner 200 GB genutzt, und hätte somit spätestens bei der nächsten Verlängerung im Januar den nächst höheren Tarif buchen müssen… Ich bin also nach wie vor hochzufrieden mit MEGA – [über diesen Link ](https://www.fx-web.de/mega-startseite" target="_blank" rel="noopener noreferrer)können Sie sich im Detail über MEGA informieren. ## Update 2020: Eigener Artikel über MEGA Ehre wem Ehre gebührt – nachdem ich nun hier schon gut drei Jahre über MEGA schwärme war es an der Zeit, einen eigenen Artikel dafür zu schreiben. Hier geht’s zum Artikel: [MEGAmäßig: Cloud-Speicher & Kommunikationslösung von MEGA](https://www.muenchen-webdesign.de/2020/03/14/megamaessig-cloud-speicher-kommunikationsloesung-von-mega/) --- ## Neue Kundenreferenz: Künnemann Consulting GmbH URL: https://www.muenchen-webdesign.de/2013/02/10/neue-kundenreferenz-kunnemann-consulting-gmbh/ ## Auf der Tonleiter nach oben: Neue Wege für unternehmerische Erfolge Mit diesem wohlklingenden Satz wird der Besucher auf der ersten Seite unserer neuesten, vor wenigen Tagen fertiggestellten Website und Kundenreferenz begrüßt. Was hat eine Tonleiter mit unternehmerischen Erfolgen zu tun, oder mit der Künnemann Consulting GmbH? **Lesen Sie weiter!** ## „Der Ton macht die Musik“ Dieses Zitat habe ich von meinem Vater gelernt, und es würde ebenfalls gut zu dieser Website passen – aber noch besser passt es auf **meine langjährige Freundschaft zu Michael Künnemann**, dem Geschäftsführer der Künnemann Consulting GmbH und früheren Kollegen von mir bei der Microsoft Deutschland GmbH. Denn die „Töne“ zwischen ihm und mir sind immer geprägt von **gegenseitigem Respekt, Verständnis, und viel Humor und Lachen!** Insofern war es mir auch eine wahre Freude, als ich von ihm den Auftrag für die Erstellung seiner Website erhielt. ## Pixelgenau Was diesen Auftrag zudem **besonders und spannend** machte war die Tatsache, dass ich erstmalig das Design nicht in Zusammenarbeit mit dem Kunden erstellte, sondern **das Website-Design von der** (von ihm beauftragten) **Marketing-Agentur vorgegeben war**. Die Zielsetzung war somit, das vorgegebene Webdesign **pixelgenau** im verwendeten CMS-System umzusetzen, was mir – ganz bescheiden formuliert – auch gut gelungen ist. Aber seht einfach selbst: [](http://www.kuennemann-consulting.de/" target="_blank" rel="noopener noreferrer)Screenshot der Website www.kuennemann-consulting.de ## Die Herausforderung… Eine weitere „Spezialität“ dieser Website war die Herausforderung, von der Portfolio-Seite aus so auf das Kontaktformular zu verlinken, dass in Abhängigkeit von dem beim jeweiligen Portfolio-Baustein geklickten „mehr…“-Link die zugehörige Auswahl-Option im Kontaktformular korrekt vorselektiert wird. Nachdem das verwendete CMS-System das nicht direkt unterstützte, musste ich meine kürzlich neu erworbenen **Javascript-Kenntnisse** „auspacken“, und konnte damit diese Funktionalität realiseren – und es hat **richtig Spaß gemacht**, das neu erworbene Wissen in der Praxis umsetzen zu können! Auch die Kommunikation mit der Marketing-Agentur war so manches Mal eine kleine Herausforderung, nicht zuletzt deshalb, weil auf deren und auf unserer Seite auch **verschiedene Software-Werkzeuge** – wenn auch vom gleichen Hersteller – zum Einsatz kamen. Hier sah ich mich erstmalig gefordert, das im vergangenen Jahr frisch erworbene Know-How in **Adobe Photoshop** und **Adobe Illustrator** mit dem kaum vorhandenen Wissen in **Adobe Indesign** in „Einklang“ zu bringen – aber am Ende sind wir ja alle zu einem wirklich vorzeigbaren Ergebnis gelangt. ## Klare Empfehlung! Also falls ihr Bedarf für ein **Coaching** habt, oder einfach nur neugierig seid, dann klickt oben auf den Screenshot und seht euch auf der Website von Künnemann Consulting um – er bietet ein **breites Spektrum an verschiedensten Coaching-Dienstleistungen** an. Und ich weiß aus erster Hand, wie gut er ist, denn ich war selbst auch schon Kunde bei ihm, und **äußerst zufrieden** – wie zufrieden, das könnt ihr direkt auf seiner Website unter Referenzen nachlesen. **Ich bedanke mich auch auf diesem Weg nochmals ganz herzlich bei Michael Künnemann für das mir entgegen gebrachte Vertrauen!** Last but not least: wenn euch die Website und/oder dieser Artikel gefällt, dann würde ich mich über einen Kommentar von euch sehr freuen! Und über einen oder mehrere Klicks auf die diversen Social Media Buttons unten am Ende dieses Artikels natürlich auch! Herzlichst, Euer Franz X. Kohl --- ## WordPress: Plugins und Themes einfach selbst übersetzen! URL: https://www.muenchen-webdesign.de/2013/02/09/wordpress-fremdsprachige-plugins-und-themes-einfach-selbst-uebersetzen/ ## Do it yourself – übersetzen mit dem „Codestyling Localization“-WordPress-Plugin! Mitte Januar 2013 stieß ich bei der Suche nach einem WordPress-Plugin für die Google Author Funktion durch einen dezenten Hinweis auf der Website von H.-P. Pfeuer auf das **WordPress-Plugin „Codestyling Localization“** zum übersetzen von WordPress-Themes und -Plugins. Das hatte mir schon lange gefehlt – eine Möglichkeit, für WordPress-basierende Blogs und Websites, Plugins und -Themes, welche nicht auf Deutsch verfügbar sind bzw. keine Übersetzungen für Deutsch enthalten, selbst bequem anpassen – sprich, **ins Deutsche übersetzen** – zu können! Dazu muss man wissen, dass wir hier auf unserem Unternehmens-Blog [www.muenchen-webdesign.de](http://www.muenchen-webdesign.de) das rein englischsprachige Theme **PageLines** verwenden. Die Entwickler des Themes haben für die aktuellste Version ihres Frameworks erst im Januar 2013 ein Lokalisierungs-Projekt in verschiedene Sprachen unter Zuhilfenahme der PageLines-Community gestartet – das kann also noch etwas dauern bis da was kommt, und auf die aus dem Community-Ansatz resultierende **Qualität und Sorgfalt der Übersetzungen ins Deutsche** darf man gespannt sein. Ich persönlich gehöre eher zur ungeduldigen Fraktion Mensch, und wollte nicht so lange warten, bis die mit dem Übersetzen fertig sind. Außerdem haben wir hier auch **diverse Plugins** in Verwendung, die ebenfalls **nur auf Englisch verfügbar** sind. Ein Teil dieser Plugins verrichtet seine – meist administrative – Arbeit und Dienste „heimlich, still und leise“ im Hintergrund, und die Benutzeroberfläche zu diesen Plugins ist nur für die Administratoren sichtbar (z.B. unser Backup-Plugin). Da Englisch für mich kein Problem darstellt, und die Besucher dieses UI (User Interface) nie zu Gesicht bekommen, ist dort alles bestens. Anders sieht die Sache jedoch bei WordPress-Erweiterungen (Plugins) oder eben auch WordPress-Themes aus, bei denen englischsprachige Texte oder Textteile auch für den regulären Besucher der Website sichtbar sind. Hier ein Beispiel dafür, warum mir dieses Thema wichtig war: [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/02/2013-02-09-Screenshot-AddComment.jpg) Wie man leicht erkennen kann, ist der Link oberhalb eines Posts zum Hinzufügen eines Kommentars nicht auf Deutsch übersetzt, sondern auf Englisch („Add Comment“) zu sehen – und das in einer ansonsten **vollständig deutschsprachigen WordPress-Installation**. Geht ja mal gar nicht… **Dank des „Codestyling Localization“-Plugins von Heiko Rabe war die Behebung dieses (und weiterer) Schönheitsfehler jedoch eine Sache von höchstens 30 Minuten!** ## Vorgehensweise – Übersetzen leichtgemacht Das „Codestyling Localization“-Plugin war **schnell installiert und aktiviert**. Dann im Plugin-Interface das zu ändernde PageLines-Theme gesucht und dort **die Sprache Deutsch hinzugefügt** – das durchsucht und analysiert alle zum Theme zugehörigen PHP-Dateien nach übersetzbaren Texten, und erstellt dann die nötige **.PO-Datei**. Anschließend über den Bearbeiten-Link die englischen Textteile gesucht, die im Frontend (also dem öffentlich, für alle Besucher sichtbaren Teile des Blogs) zu sehen waren, und diese **gezielt auf Deutsch übersetzt**. Hier als Beispiel die Übersetzung von „Add Comment“ nach „Kommentieren“: [](http://www.muenchen-webdesign.de/wp-content/uploads/2013/02/2013-02-09-Screenshot-Sprachdatei-uebersetzen.jpg) Zuletzt dann noch direkt im „Codestyling Localization“-Plugin **aus der .PO-Datei eine sogenannte .MO-Datei erzeugt** – voilá – fertig! Dieses Plugin geht sogar so weit, dass es intelligent die **Google Translate API** (Google Translator) und **Microsoft Translator API** (Bing Translator) integriert und euch damit bei der Übersetzung unterstützt, was insbesondere bei umfangreicheren Texten hilfreich ist. ## Weitere Informationen zum Plugin Auf der Website des „Codestyling Localization“-Plugins findet ihr eine **gute und verständliche Erläuterung** der Funktionsweise des Plugins, sowie hilfreiche **Screenshots** und **Informationen zur Installation**. Von dort kann auch die **aktuellste Version** heruntergeladen werden. Ich empfehle euch jedoch die **Installation direkt aus dem WordPress Plugin-Verzeichnis** (sucht einfach nach dem Schlüsselwort „codestyling“) – das hat unter anderem auch den Vorteil, dass ihr automatisch in eurem WordPress-Admin-Bereich darüber informiert werdet, wenn eine neuere Version verfügbar ist. ### Update 17.06.2013 Ein wichtiger Hinweis sei an dieser Stelle noch nachgereicht: dieses Plugin erstellt bei der Übersetzung eines Themes oder Plugins die .mo- und .po-Dateien innerhalb der Verzeichnisstruktur des jeweils übersetzten Themes/Plugins. Im Falle des von uns verwendeten Themes **PageLines** befinden sich diese Dateien z.B. im Verzeichnis **/wp-content/themes/pagelines/language/** als **de_DE.mo** und **de_DE.po**. **Bevor** ihr euer **Theme oder Plugin auf eine neue Version aktualisiert** (weil euch in WordPress eine neue verfügbare Version angezeigt bekommt) müsst ihr **bei allen **von euch verwendeten Themes/Plugins diese beiden Dateien **sichern** und nach der Theme-Aktualisierung wieder **zurückkopieren**, da in der Regel bei einer Aktualisierung der Themes/Plugins die verwendete Verzeichnisstruktur einfach geleert wird und dann die Dateien der neuen Version reinkopiert werden – was bedeutet, dass eure Übersetzungsdateien (.mo, .po) einfach gelöscht werden. Wo das jeweilige Theme oder Plugin seine Übersetzungsdateien ablegt, kann das Theme/Plugin selbst entscheiden (das Codestyling Plugin findet über vordefinierte Methoden das jeweils richtige Verzeichnis zur Ablage der Übersetzungen). Ich habe mir die Verzeichnisstrukturen einiger Themes und Plugins angesehen. Dort existieren verschiedenste Benennungen für das Verzeichnis mit den Übersetzungsdateien. Ich habe folgende Verzeichnisbenennungen entdeckt: **I10n**, **localization**, **languages**, **translations** Ihr solltet grundsätzlich **vor jeder Aktualisierung** (WordPress, Plugins, Themes) **eine komplette Sicherung aller Dateien und der MySQL-Datenbank** vornehmen. Falls nämlich ein aktualisiertes Theme oder Plugin einen gravierenden Fehler aufweist (evtl. nur im Zusammenspiel mit anderen Plugins oder einem bestimmten Theme) und ihr euch nicht mehr im Admin-Bereich eurer WordPress-Site anmelden könnt, ist oft eine Wiederherstellung des letzten Stands der Site vor der Aktualisierung die einfachste Methode um den Fehler zu beheben. Dasselbe gilt, wenn eure WordPress-Website mit Malware infiziert wurde – eine Wiederherstellung einer nicht infizierten Kopie ist noch immer die zuverlässigste Methode zur Beseitigung der Verseuchung. ## Unterstützung für euch durch F/X Web Consulting Wer es sich trotz der wirklich einfachen Installation und Bedienung dieses Plugins nicht traut, sein Theme oder Plugin selbst zu übersetzen, der kann gerne mit uns Kontakt aufnehmen. Wir können für euch – sogar im Rahmen einer **Fernsteuerungs-Sitzung** (TeamViewer Remote Control, was **enorm Zeit und damit Kosten spart!**) – die Installation des Plugins übernehmen, und euch zeigen wie ihr vorgehen müsst, um die Übersetzung vorzunehmen. **Anschließend könnt ihr dann völlig selbstständig weitermachen.** Für alle die sich selbst „trauen“: Viel Spaß beim Übersetzen eures Themes oder Plugins! Herzlichst, Euer Franz X. Kohl --- ## 10 Tipps wie Sie Ihren SEO-Experten finden URL: https://www.muenchen-webdesign.de/2013/01/12/10-tipps-wie-sie-ihren-seo-experten-finden/ Für viele Freiberufler und Unternehmen aller Branchen, aber insbesondere im Segment der **KMU’s** (kleine und mittlere Unternehmen) ist heutzutage die eigene Website ein zentrales und mächtiges Marketinginstrument. Dementsprechend wichtig ist es, über die bekannten Suchmaschinen wie Google, Bing, Yahoo & Co. **gefunden zu werden**. Doch wie finden Sie den **richtigen Partner für die Suchmaschinenoptimierung** (SEO, Search Engine Optimization) Ihrer Website, der zuverlässig dafür sorgt, dass Sie von Ihren potentiellen Kunden gefunden werden? Dieser Artikel soll Ihnen dabei helfen, **den richtigen SEO-Experten zu finden und auszuwählen**. # Tipp #1: Fragen Sie Ihr Umfeld! Was machen Sie, wenn Sie sich beispielsweise einen neuen Fernseher kaufen möchten, oder ein größeres Projekt wie einen Wohnungskauf oder gar Hausbau planen? Genau, Sie fragen Menschen in Ihrem Umfeld, die diese Erfahrung schon gemacht haben, und holen sich bei denen die Tipps und wichtigen Informationen, damit Sie vor allzu großen Fehlern und Fehlentscheidungen verschont bleiben. Bei der **Suche nach einem SEO-Spezialisten** sollten Sie dasselbe tun! Fragen Sie Ihre Freunde, Bekannte, Geschäftspartner, ob Sie nicht eine **Empfehlung** für einen SEO-Kontakt haben. ## Tipp #2: Wem haben andere Unternehmen vertraut? Sehen Sie sich andere Websites mit **gutem Ranking** an. Manchmal wird das Unternehmen, welches die Suchmaschinenoptimierung durchgeführt hat, im **Impressum** oder im **Quelltext** der Website genannt. Achten Sie darauf, sich insbesondere die Websites von **Unternehmen aus Ihrer Branche und mit vergleichbarer Unternehmensgröße** anzusehen, denn dann dürfte auch Ihr Budget besser zum eingesetzten SEO-Experten passen. ## Tipp #3: Welche SEO-Agenturen und -Experten gibt es in Ihrem regionalen Bereich? Suchen Sie in der Suchmaschine Ihrer Wahl in Ihrer Region (+/- 50km) nach Begriffen wie „Suchmaschinenoptimierung Beratung“, „SEO Spezialist“ und ähnlichem, und denken Sie daran, die** Suche auf Ihre Region einzuschränken**. Denn im Markt der Suchmaschinenoptimierung gibt es auch diverse „zwielichtige“ Gestalten, die Ihnen das Blaue vom Himmel versprechen, und am Ende nicht mal die Hälfte ihrer Versprechen einhalten. Oder gar mit Methoden arbeiten, die dazu führen, dass Ihre Website von Google „abgestraft“ wird, also ein niedrige(re)s Ranking erhält. Achten Sie daher darauf, den **Optimierungs-Experten persönlich zu treffen**, dann merken Sie vom Bauchgefühl her viel eher als am Telefon oder rein über das Web, ob Sie diesem Menschen **vertrauen** können oder nicht. Sehen Sie sich auch den **Pagerank** der Website des SEO-Spezialisten an, und achten Sie dabei darauf, ob für dieses Unternehmen **Google Adwords Anzeigen** eingeblendet werden. Denn in SEO-Kreisen ist es allgemein bekannt, dass die Schaltung von Adwords-Anzeigen das Ranking deutlich nach oben „befördert“, sprich, solche Unternehmen auch bei den „normalen“ (organischen) Suchergebnissen bevorzugt gelistet werden. Und ein SEO-Spezialist, der etwas auf sich hält, sollte **auch ohne Adwords-Anzeigen vernünftig gefunden werden**. ## Tipp #4: „Echte“ SEO-Agentur oder Werbeagentur? **Warum ist diese Unterscheidung wichtig?** Ganz einfach: die meisten „klassischen“ Werbeagenturen beschäftigen größtenteils **kreative Menschen**, die wunderschöne Webseiten und Homepages erstellen… aber von Suchmaschinenoptimierung nur wenig bis keine Ahnung haben. Denn Suchmaschinenoptimierung ist in erster Linie harte Arbeit die weniger Kreativität, dafür umso mehr** technisches Wissen** über die **SEO-Mechanismen und -Strategien** verlangt. ## Tipp #5: Fragen kostet nix! Wenn Sie sich anhand der bisherigen Tipps eine gute Handvoll SEO-Agenturen und -Experten ausgesucht haben, **stellen Sie diese einfach auf die Probe**. Rufen Sie dort an, und fragen Sie, auf welche **Keywords** (Schlüsselbegriffe) die Agentur bzw. der SEO-Experte deren Website **optimiert** haben. Prüfen Sie anschließend selbst in Google, Bing & Co., wie gut die Agentur anhand dieser Schlüsselwörter gefunden wird. ## Tipp #6: Referenzkunden?! Fragen Sie anschließend nach **Kundenreferenzen**, sowie nach den Keywords, auf welche die jeweilige Kundenwebsite optimiert wurde. Prüfen Sie anschließend selbst in den Suchmaschinen, wie gut die Kundenwebsites anhand der Schlüsselwörter gefunden werden. ## Tipp #7: Ihre Wunschbegriffe Spätestens an dieser Stelle sollten in Ihrer Auswahl höchstens noch drei bis fünf Kandidaten übrig geblieben sein. Lassen Sie sich nun von diesen anhand **Ihrer Wunsch-Suchbegriffe** erläutern, wie weit nach vorne Sie damit **in welchem Zeitraum** in den Suchmaschinenergebnissen gebracht werden können, und **mit welchen Strategien und Methoden** dies erreicht werden soll. Lassen Sie sich auch Auswertungen zu Ihren Suchbegriffen von gängigen **SEO-Keyword-Tools** (wie z.B. dem Google-eigenen Keyword-Tool) zeigen. **Jetzt heißt es gut zu- und hinzuhören**, denn an dieser Stelle scheidet sich nochmals die Spreu vom Weizen. Gerade bei sehr allgemeinen oder weitverbreiteten Begriffen wie „Coaching“, „Consulting“ „Webdesign“, „Beratung“ und weiteren dieser Art ist es **ziemlich utopisch**, innerhalb von 3 – 6 Monaten auf Seite 1 bei Google zu kommen. Und selbst wenn dies erreicht würde, dann mit hoher Wahrscheinlichkeit über sehr viele (qualitativ hochwertige) **Backlinks**, also Verlinkungen von themen-verwandten Websites, Branchenkatalogen, Webverzeichnissen und ähnlichen auf Ihre Website. Oft ist es jedoch so, dass diese Backlinks sich **nur für einen begrenzten Zeitraum **positiv auswirken – was auch bedeutet, dass Sie ganz schnell wieder auf den „hinteren Plätzen“ landen. Ganz besonders „böse“ kann es sich auswirken, wenn ein selbsternannter „SEO-Spezialist“ für den schnellen „Erfolg“ auf **gekaufte Backlinks** zurückgreift – denn Suchmaschinen wie Google & Co. werden kontinuierlich weiterentwickelt, und können solche gekauften Links identifizieren. Und wenn Google solche Backlinks zu Ihrer Website entdeckt, dann gute Nacht – wenn Sie Glück im Unglück haben werden Sie „nur“ nach weiter hinten zurückgestuft, im schlimmsten Fall jedoch **aus dem Google Index geworfen**, ohne dass Sie etwas dagegen unternehmen können. ## Tipp #8: Ein guter SEO-Experte… - …empfiehlt Ihnen in der Regel, nicht auf allgemeine Suchbegriffe zu optimieren, sondern auf etwas **konkretere, eingrenzenderen Begriffe**. Also beispielweise auf „München Feldmoching Webdesign Beratung“ anstelle einfach nur auf „Webdesign“ oder gar „Homepage“. Ein anderes Beispiel wäre „Executive Coaching“ anstelle einfach nur „Coaching“. Dies hat oft auch den **angenehmen Nebeneffekt**, dass – falls Sie sich später selbst für den Einsatz von Google Adwords entscheiden sollten – Ihre Pay-per-Click-Kosten nicht in astronomische Höhen klettern. - …erklärt Ihnen den **Unterschied zwischen Onpage- und Offpage-Optimierung**, und was er in diesen beiden Bereichen jeweils plant. - …bietet Ihnen **keine gekauften Backlinks** an. ## Tipp #9: Onpage- und Offpage-Optimierung **Onpage-Optimierung** umfasst alle Optimierungen, die **auf Ihrer Website** selbst vorgenommen werden können. Dazu gehört eine **saubere Strukturierung der Inhalte** mit Seiten- und Abschnitts-Überschriften (über sogenannte Header-Tags), **Textbeschreibungen** für die verwendeten Bilder (ALT- und TITLE-Tags), die Angabe der gängigen **Meta-Beschreibungen** (META-Tags) im sogenannten Quelltext der Inhaltsseiten, und so weiter. Auch die sogenannte **Keyword-Density** (**Schlüsselwort-Dichte**) gehört in diesen Bereich – das ist allerdings schon fast eine Wissenschaft für sich, und viele echte SEO-Experten sind heute der Meinung, dass dies bei weitem von Google & Co. nicht mehr so wichtig für die Bewertung einer Site ist, als dies früher noch der Fall war. Heute wird hingegen bei Suchmaschinen mehr auf das geachtet, was auch für den **menschlichen Besucher** wichtig ist: **Inhalte!** Nicht umsonst kann man an allen möglichen Stellen im Internet die Aussage „**Content is King!**“ lesen… Wenn Sie Ihre Website selbst immer wieder erweitern und pflegen – und das sollten Sie regelmäßig tun oder tun lassen, weil Suchmaschinen gerne neue gute Inhalte finden – dann sollten Sie auch immer auf die Onpage-Optimierung achten. Und ein **ehrlicher SEO-Experte** wird Ihnen auch gerne zeigen, worauf Sie dabei achten sollten, anstatt Ihnen einen überteuerten 12-Monats-SEO-Servicevertrag zu verkaufen, und dann jeden Monat für 15 Minuten Ihre neuen Inhalte „optimiert“. **Offpage-Optimierung** betrifft die SEO-Aktivitäten, die quasi **außerhalb Ihrer Website** stattfinden – nämlich die weiter oben schon erwähnten Backlinks. Dabei ist darauf zu achten, dass hochwertige Backlinks auf Ihre Website verweisen. Hochwertig bedeutet, dass die verweisende Site selbst „gut da steht“, also – sei es durch den **Google PageRank** oder andere Faktoren – als wichtig und informativ eingestuft wird, und nach Möglichkeit auch **thematisch mit den Inhalten Ihrer Website „verwandt“** ist. Denn was helfen Ihnen Links von einer hoch bewerteten Website für Tiernahrung, wenn auf Ihrer Website zwar Autozubehör verkauft wird, aber nirgends auch nur ein Tier erwähnt wird… ## Tipp #10: Drum prüfe wer sich ewig bindet… Machen Sie nicht den Fehler und schließen gleich einen 1-Jahres-Vertrag mit dem SEO-Anbieter Ihrer Wahl ab. Ein **seriöser Anbieter von SEO-Dienstleistungen** hat kein Problem damit, wenn Sie zu Beginn erst einmal mit einem **Dreimonats-Vertrag** beginnen, und nach diesen drei Monaten ein erstes Erfolgs-Resümee ziehen. Wenn Sie dann mit den Ergebnissen zufrieden sind, können Sie einen Folgevertrag abschließen, eventuell ja auch zu günstigeren Konditionen? Kundentreue sollte schließlich belohnt werden! ## Fazit: Das Thema SEO ist sehr vielschichtig, und die Anbieter am Markt sind es auch… zum Guten wie zum weniger Guten. **Daher Augen auf beim SEO-Einkauf!** Und vertrauen Sie auch Ihrem Bauchgefühl, so wie Sie dies auch bei anderen (Kauf-)Entscheidungen tun – meistens werden Sie richtig liegen! ## Unsere SEO-Dienstleistungen für Sie: Wir von F/X Web Consulting bieten natürlich ebenfalls Suchmaschinenoptimierung an. Wir beschränken uns allerdings bewußt auf die **Onpage-Optimierung**, von der wir etwas verstehen, und die wir im Rahmen unserer Komplettpakete/Pauschalangebote bei der Erstellung oder Migration Ihrer Website in der Regel gleich mit anbieten. Denn was bringt es, wenn wir Ihnen eine optisch und funktional tolle Website erstellen, die dann keiner findet… Für den Bereich der **Offpage-Optimierung** greifen wir hingegen auf gute und verläßliche **SEO-Partner** im Raum München zurück, denen Sie vollstens vertrauen können. Unser Firmenmotto lautet auch nicht umsonst: **Wir nehmen Ihre Website persönlich!** Das gilt erst Recht auch für unsere SEO-Dienstleistungen. Nehmen Sie einfach Kontakt mit uns auf – wir beraten Sie gerne! Herzlichst, Ihr Franz X. Kohl --- ## Frohe Weihnachten und ein gutes neues Jahr! URL: https://www.muenchen-webdesign.de/2012/12/21/frohe-weihnachten-und-ein-gutes-neues-jahr-2013/ Liebe Besucher unseres Blogs, für F/X Web Consulting geht ein ereignisreiches Jahr zu Ende – hier nur die wichtigsten Meilensteine in 2012: **25. April**: Erfolgreicher Start unserer **Facebook Fanseite** mit aktuell **115 Fans**: www.facebook.com/FXWebConsulting **1. September**: Start unseres eigenen **Unternehmens-Blogs**: www.muenchen-webdesign.de **14. Dezember**: Einführung unseres **Unternehmens-Slogans**: „_Wir nehmen Ihre Website persönlich!_„ - **2012**: Zahlreiche spannende Website-Projekte und Kundenreferenzen [](https://www.muenchen-webdesign.de/wp-content/uploads/2012/12/Fotolia_46807631_XS_box-shadow.jpg) Ich bedanke mich, dass Sie Ihr Vertrauen in mich gesetzt haben – als **Kunde**, **Kooperations-Partner** und/oder **Dienstleister**. Für Ihr Feedback bin ich stets dankbar, denn nur so können wir uns Ihren Wünschen entsprechend weiter entwickeln. **Freuen Sie sich mit mir auf 2013**: neue Dienstleistungen, neue Aktionen, erste Werbegeschenke, Gewinnspiele und vieles mehr warten auf Sie! Ich wünsche Ihnen und Ihrer Familie schöne und erholsame Feiertage, sowie Gesundheit, viel Glück und Erfolg im neuen Jahr. Mit weihnachtlichen Grüßen, Franz X. Kohl --- ## Impressum URL: https://www.muenchen-webdesign.de/impressum/ F/X Web Consulting Franz X. Kohl Ponkratzstraße 10 80995 München ## Kontakt Telefon: +49 (89) 312 87 458 Fax: +49 (89) 312 87 427 Mobil: +49 (170) 778 22 22 E-Mail: (Anti-Spam-BOT-kodierte E-Mail-Adresse) – zur Anzeige bitte JavaScript in Ihrem Browser aktivieren ## Umsatzsteuer-ID Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz: DE249816475 ## Angaben zur Berufshaftpflichtversicherung **Name und Sitz des Versicherers:** SIGNAL IDUNA Gruppe 20351 Hamburg **Geltungsraum der Versicherung:** Bundesrepublik Deutschland / Europa ## Redaktionell verantwortlich Franz X. Kohl Ponkratzstraße 10 80995 München ## Verbraucher­streit­beilegung / Universal­schlichtungs­stelle Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. --- ## Wir nehmen Ihre Website persönlich! URL: https://www.muenchen-webdesign.de/2012/12/14/wir-nehmen-ihre-website-persoenlich/ Es hat sich doch länger hingezogen als ich dachte, aber endlich habe ich mich aus einer ziemlich langen Liste an Vorschlägen für einen **Unternehmens-Slogan** entschieden: Wir nehmen Ihre Website persönlich! Seit etwa August 2012 waren wir immer wieder damit beschäftigt, einen Slogan* für F/X Web Consulting zu finden, der sowohl **zum Unternehmen passt**, als auch den potentiellen Kunden **den USP** (unique selling proposition, also ein Alleinstellungsmerkmal) **des Unternehmens vermittelt**. „Wir“ bedeutet, dass ich mir für die Slogan-Entwicklung **externe Unterstützung ins Boot geholt** habe – in der Form einer Marketing-Spezialistin und eines Texters, die gemeinsam anhand meiner Werte (persönliche wie auch Unternehmenswerte) eine lange Liste an Vorschlägen erstellten, die als Basis für eine **erste Vorauswahl** dienten. Nachdem ich diese Vorauswahl getroffen und mit Vorschlägen aus meinem persönlichen Umfeld und eigenen Ideen kombiniert hatte, wollte ich von unseren Facebook-Fans wissen, welche Slogans sie am besten finden. Ich stellte daher meine **Slogan-Favoriten** auf unserer **Facebook-Fanseite** als Umfrage ein. Erstaunlicherweise machte dort ein Slogan knapp „das Rennen“, der nicht von den beauftragten Fachleuten kam, sondern von einer guten Freundin. Im Rahmen dieser Umfrage hatte ich jedoch die Fans auch gebeten, mir **eigene Vorschläge zu senden**, falls sie keinen der 9 Slogans aus der Umfrage gut (genug) finden – und ich erhielt tatsächlich einige **vielversprechende neue Ideen**. Daher auch an dieser Stelle nochmals **ein Extra-Dankeschön an die Facebook-Fans und weiteren Freunde**, die tatkräftig abgestimmt und mir ihre eigenen Slogan-Vorschläge gesendet haben! Am Ende machte nämlich auch tatsächlich der Slogan-Vorschlag eines langjährigen Freundes und Ex-Kollegen aus meiner Zeit bei Microsoft das Rennen :-). Unser Slogan „**_Wir nehmen Ihre Website persönlich!_**“ stammt von Michael K., dem ich dafür sehr dankbar bin! **Wie finden Sie unseren Slogan?** Wir würden uns über Ihr **Feedback** in Form eines Kommentars zu diesem Beitrag sehr freuen! Ich wünsche allen Lesern ein angenehmes und erholsames Wochenende, und einen schönen 3. Advent! Herzlichst, Ihr Franz X. Kohl * in Deutschland oft auch **Claim** oder **Tagline** genannt --- ## Die ideale Firmen-Website URL: https://www.muenchen-webdesign.de/2012/11/21/die-ideale-firmen-website/ ## Einführung Die primäre Aufgabe einer Unternehmens-Website besteht darin, für Besucher und Kunden **relevante Informationen bereitzustellen**. Darüber hinaus soll der Besucher natürlich **Vertrauen in das Unternehmen gewinnen**, um letztlich deren Produkte und/oder Dienstleistungen zu erwerben. Ein in letzter Zeit ebenfalls stark zunehmender Faktor ist die **Authentizität des Unternehmens**. Nur wenn der (potentielle) Kunde den Informationen auf der Website Vertrauen schenkt und diese als authentisch wertet, wird er sich näher mit den angebotenen Produkten und Dienstleistungen beschäftigen, und diese gegebenenfalls zu einem späteren Zeitpunkt auch erwerben. Nicht nur für potentielle Kunden sind die authentischen Inhalte der Website von Bedeutung – auch Menschen **auf der Suche nach einer Anstellung** informieren sich heutzutage oft zuerst über die Website des Unternehmens über **Stellenangebote** und das Unternehmen selbst. Drei Komponenten sind daher mit dafür entscheidend, ob ein Besucher auf der Website bleibt oder diese schnell wieder verlässt (und diese Entscheidung treffen die meisten Besucher innerhalb der ersten 3 Sekunden!): die **Inhalte**, das **Design**, und die **Technik**. Wie zeichnet sich nun also eine ideale Unternehmens-Website in diesen drei Bereichen aus? Wir haben im Folgenden einmal aufgelistet, worauf wir achten, wenn wir eine ideale Firmen-Website erstellen: ## Inhalte - Kurze, verständliche Sätze (ohne Verschachtelung, wenig Nebensätze) - Lesefreundliche Texte (anstatt rein Suchmaschinen-optimierte Texte) - Aussagekräftige Überschriften mit Schlüsselwörtern (für SEO) - Vernünftig gegliederte Absätze - Aufzählungen als Bullet-Point-Listen - Unterstützung der Texte durch wenige aber aussagekräftige Bilder - Klare und überschaubare Navigation (inkl. Sitemap) - Video auf der Startseite (sofern vorhanden) - Unternehmenshistorie (sofern vorhanden) ## Design - Einfaches und übersichtliches Layout - Zwei bis maximal drei Schriftarten - Klar erkennbare Verlinkungen und Schaltflächen - Klare (auch farbliche) Strukturen mit Orientierung am Corporate Design des Unternehmens - Keinen überflüssigen bzw. störenden Schnick-Schnack (Animationen, Flash, Intros, etc.) - Dezente Verwendung von wenigen Farben - Verwendung von Farbharmonien (wo möglich) - Optische Abgrenzungselemente zur leichteren Identifizierung der Funktionsbereiche - Selbsterklärende (Kontakt-)Formulare ## Technik Erstellung der Website auf Basis moderner Content Management Systeme (CMS) bei zuverlässigen Hosting-Providern - Optimierung aller Seiten auf schnelle Ladezeiten (z.B. Bilddateigrößen) - Optimierung aller Seiten auf SEO (Search Engine Optimization; Suchmaschinenoptimierung) ohne die Lesbarkeit zu verschlechtern Überprüfung auf Funktion und Design in allen gängigen Browsern: - Internet Explorer - Mozilla Firefox - Google Chrome - Apple Safari - Opera - Berücksichtigung der Barrierefreiheit (z.B. Mindestgrößen bei den Schriftarten) - Verwendung neuester Web-Standards wo möglich (CSS3, HTML5) Über obige Punkte hinaus achten wir darauf, dass die Kunden mit dem Unternehmen über die Website in Kontakt treten können, sofern dies vom Unternehmer gewünscht ist. Wir jedenfalls empfehlen dies unseren Kunden grundsätzlich, da der Unternehmenskunde von heute immer mehr die digitalen Möglichkeiten nutzt. Er möchte eben auch beispielsweise am Abend um 22 Uhr noch eine Anfrage an das Unternehmen richten können, wenn er tagsüber nicht dazu kommt – und liest auch die Antwort des Unternehmens oft außerhalb der „üblichen“ Öffnungszeiten. Das ist das Web 2.0, und daran sollten Unternehmen sich orientieren, wenn sie nicht viele Kunden an ihre Mitbewerber verlieren wollen… ## Zusammenfassung Folgende Punkte sollten Sie bei der Gestaltung Ihrer Website unbedingt über das oben gesagte hinaus beachten: - „Erzählen“ Sie auf Ihrer Website (möglichst interessante) Geschichten - Achten Sie auf Ladezeit-optimierte Bilder und Grafiken - Multimedia-Elemente (z.B. Videos): wo es Sinn macht – ja; „Billige“ GIF-Animationen oder unnötige Flash-Animationen: nein! - Achten Sie auf Interaktionsmöglichkeiten mit Ihren Kunden - Achten Sie auf eine Nutzerfreundliche Navigation und Inhaltsstruktur - Vermeiden Sie zu viele Fachausdrücke oder Fremdwörter - Suchmaschinenoptimierte Texte: ja – aber bitte nur, wenn die Texte für Besucher noch leicht lesbar bleiben! - Keine veralteten Informationen (besonders auf der Hauptseite) ## Fazit Wenn Sie eine neue Website oder eine bestehende (veraltete) Website nach obigen Kriterien erstellen bzw. überarbeiten lassen möchten, dann wenden Sie sich bitte vertrauensvoll an uns. Wir helfen Ihnen dabei, dass Ihr Unternehmens-Webauftritt eine Bereicherung für Ihre Firma und Ihre Kunden wird, und Ihr Geschäft erfolgreich(er) werden lässt. Nehmen Sie mit uns Kontakt auf – es lohnt sich für Sie, versprochen! Herzlichst, Ihr Franz X. Kohl --- ## Top 10 SEO Mythen URL: https://www.muenchen-webdesign.de/2012/10/31/top-10-seo-mythen/ Heute bin ich über einen sehr interessanten Artikel über die Top 10 Mythen rund um SEO (Search Engine Optimization; Suchmaschinenoptimierung) von Björn Tantau auf t3n gestoßen, der eine gute Orientierung für Webmaster und Do-It-Yourself-Kunden betreffend SEO darstellt. ## Hier die Top 10 SEO-Mythen in der Übersicht: - Meta Tags sorgen für bessere Rankings - Hoher PageRank ist wichtig - Ausgehende Links auf wichtige Seiten verbessern das Ranking - Linkaufbau mit Postings aus Foren und Blog Kommentaren ist gut - Auf die Keyword Dichte kommt es an - Linktext als einziger Rankingfaktor bei Links - Links von Domains mit Endungen wie .gov oder .edu bringen mehr - Ausgehende Links mit “nofollow” auszeichnen verbessert das Ranking - Linktausch ist die beste Art des Linkaufbaus - Zu viele ausgehende Links machen das Ranking kaputt In Kombination mit weiteren Informationen im Bereich SEO von anderen, mir als zuverlässige Quellen bekannten Fachleuten (wie z.B. Rainer Bauer), kann ich die Relevanz dieses Artikel nur betonen und jedem „altgedienten“ Webmaster empfehlen, sich bei seinen künftigen SEO-Massnahmen daran zu orientieren. Viel Spaß beim Lesen und Umsetzen wünscht, Ihr Franz X. Kohl --- ## Microsoft stellt Fix It Lösung für das Zero Day Problem im Internet Explorer zur Verfügung URL: https://www.muenchen-webdesign.de/2012/09/20/microsoft-stellt-fix-it-losung-fur-das-zero-day-problem-im-internet-explorer-zur-verfugung/ Gestern Abend veröffentlichte der Chief Security Advisor (CSA) der Microsoft Deutschland GmbH, Michael Kranawetter, auf dem deutschen Chief Security Advisor Blog unter dem Titel „Schutz für Internet Explorer steht bereit“ die Information, dass nun eine „nutzerfreundliche Lösung (Fix It)“ für das vor wenigen Tagen bekannt gewordene Sicherheitsproblem im Internet Explorer zur Verfügung steht. Damit reagiert Microsoft gewohnt schnell auf eine bekannt gewordene Sicherheitslücke. Dies hat auch den Vorteil, dass sonstige von diversen Quellen propagierte Workarounds (von Veränderungen von Sicherheitseinstellungen im IE bis hin zum Wechsel zu anderen Browsern, u.a. bei Heise Online) nun hinfällig sind, und die Anwender durch die einfache Ausführung der Fix It-Lösung dieses Sicherheitsproblem eliminieren können. Zusätzlich hat Microsoft angekündigt, dass sie am **Freitag, den 21. September 2012** (ab etwa 19:00 Uhr deutscher Zeit) ein Security Update veröffentlicht werden, welches wie gewohnt über den Windows Update Mechanismus ausgerollt wird. Wer also diesen einen Tag noch abwarten kann und die automatische Installation von (kritischen) Windows Updates eingestellt hat, wird voraussichtlich ab Freitagabend wieder auf der „sicheren Seite“ surfen. ## Download der Fix It-Lösung Hier geht’s zum Download der Fix It-Lösung: http://go.microsoft.com/?linkid=9817706 --- ## Neue Kundenfeedbacks: DenkArt Mit-Wirkung und Friedl-Schuhtechnik URL: https://www.muenchen-webdesign.de/2012/09/13/neue-kundenfeedbacks-von-denkart-mit-wirkung-und-friedl-schuhtechnik/ ## Zwei neue Kundenfeedbacks auf unserer Website Die Kunden unserer letzten beiden Website-Projekte www.denkart-mit-wirkung.de und www.friedl-schuhtechnik.de, Heinz Fischer und Andreas Friedl, haben mir freundlicherweise bestätigt, wie zufrieden sie mit der von uns erbrachten Dienstleistung waren. Die beiden Kundenzitate können auf unserer Website unter Kundenfeedbacks nachgelesen werden. Ich möchte mich auch an dieser Stelle nochmals ganz herzlich bei beiden für die angenehme und konstruktive Zusammenarbeit bedanken! Herzlichst, Ihr Franz X. Kohl --- ## Neue Kunden-Referenz: Friedl Schuhtechnik in München URL: https://www.muenchen-webdesign.de/2012/09/10/neue-kunden-referenz-friedl-schuhtechnik/ ## Wir haben eine neue Kundenreferenz! Vergangenes Wochenende haben wir die Kunden-Website für Friedl Schuhtechnik in München fertiggestellt, und damit eine neue Kundenreferenz, auf die wir stolz sind: [](https://www.muenchen-webdesign.de/wp-content/uploads/2012/12/2012-06-friedl-schuhtechnik.de_.jpg)Unsere neueste Kundenreferenz: Die Website von Friedl Schuhtechnik in München – www.friedl-schuhtechnik.de Bei Friedl Schuhtechnik im Herzen von München-Feldmoching gibt es fachgerechte und hochwertige Schuhreparaturen direkt aus Meisterhand, orthopädische Maßschuhe, Einlagen nach Abdruck, und noch vieles mehr. Falls Sie schon immer mal mehr über Leder wissen wollten, können Sie nun dort gratis ein Leder-Lexikon als PDF-Datei herunterladen. Das Leder-Lexikon enthält eine Liste der Ledersorten sowie wichtige Fachbegriffe zum Thema Leder. Auf eine weitere Besonderheit dieser Website und Kundenreferenz sind wir stolz: das professionelle Unternehmensvideo, welches den Besucher auf der Willkommensseite von Friedl Schuhtechnik begrüßt und einen guten Einblick in das Unternehmen und die Arbeit des Inhabers, Andreas Friedl, bietet. Viel Spaß beim Stöbern wünscht, Franz X. Kohl --- ## Datenschutzkonforme Buttons für Social Media Marketing URL: https://www.muenchen-webdesign.de/2012/09/02/datenschutzkonforme-buttons-fuer-social-media-marketing/ Den heutigen Sonntag haben wir dafür genutzt, datenschutzkonforme Schaltflächen für Social Media Marketing Aktivitäten unserer Besucher zu integrieren. ## Warum „datenschutzkonform“? Die deutsche Rechtslage – genauer, die deutschen Datenschutzrichtlinien – haben so ihre liebe Mühe mit der Art der (Standard-)Integration von Facebook „Gefällt mir“-Buttons, Google’s „G+“-Button, und manchen anderen… und das hat auch gute Gründe. Die Hintergründe dazu sind wunderbar im Artikel 2 Klicks für mehr Datenschutz des c’t-Magazins erklärt. ## Wie haben wir die Buttons datenschutzkonform implementiert? Es gibt gottlob ein WordPress-Plugin, welches uns die Integration dieser datenschutzkonformen Schaltflächen sehr erleichtert hat. Das Plugin mit dem Namen 2 Click Social Media Buttons stammt von H.-Peter Pfeufer und kann direkt aus der WordPress Administrations-Oberfläche heraus installiert werden. Alternativ kann man sich vorab auf der WordPress-Seite von Herrn Pfeufer über das Plugin informierern. Wir hoffen, euch gefällt diese datenschutzrechtlich sicherere Integration der Social Media Buttons, und hoffen natürlich auch darauf, dass ihr diese fleißig nutzt :-) Herzlichst, Ihr Franz X. Kohl --- ## Servus München! URL: https://www.muenchen-webdesign.de/2012/09/01/servus-muenchen/ ## Liebe Münchner, liebe Leut‘ rund um München herum! Seit heute, **1. September 2012**, hat F/X Web Consulting | Webdesign München einen eigenen Blog auf der Basis von WordPress. Dieser ist ab sofort unter der Webadresse [www.muenchen-webdesign.de](http://www.muenchen-webdesign.de) erreichbar. ### Wozu braucht F/X Web Consulting einen Blog, werden Sie sich vielleicht fragen? Damit wollen wir Sie ab sofort in unregelmäßigen Abständen primär mit relevanten Informationen aus der IT-Branche – insbesondere für **kleine und mittlere Unternehmen** (KMU’s) – informieren, und auch mit **sicherheitsrelevanten** Neuigkeiten versorgen. Zudem soll uns dieser Blog dazu dienen, Ihnen neues von und über F/X Web Consulting zu berichten, wie beispielsweise über - neue **Kundenreferenzen** - neue **Dienstleistungsangebote** - neu erworbene **Ausbildungen** und **Zertifikate** unserer Mitarbeiter und alles was uns sonst noch wichtig oder berichtenswert erscheinen mag. ### Gibt’s noch mehr Gründe? Gleichzeitig haben wir in letzter Zeit verstärkt Anfragen von Kunden erhalten, die sich einen Blog oder eine Unternehmens-Webpräsenz auf der Basis von WordPress gewünscht haben. Außerdem konnten wir aus verschiedensten Quellen erfahren, dass sich zunehmend mehr Unternehmer auch im KMU-Segment eine Unternehmens-Website wünschen, die mit WordPress realisiert wird. Insbesondere **Existenzgründer** und **Kleinunternehmer** planen, denken und handeln derzeit sehr **kostenbewußt**, und da das WordPress CMS (Content Management System) als Open Source System kostenfrei verfügbar ist, und in relativ kurzer Zeit installiert und in Betrieb genommen werden kann, steigt das Interesse an dieser Lösung mehr und mehr. Also wurde es Zeit für uns, sich endlich auch in diese Plattform einzuarbeiten, und was lag näher, als gleich den eigenen Blog auf der Basis von WordPress zu erstellen – sowas nennt man dann wohl **zwei Fliegen mit einer Klappe schlagen** :-) ### Wie geht’s weiter? Ziel ist es auch, den **News-Bereich auf unserer Unternehmens-Website** [www.fx-web.de](http://www.fx-web.de) in den nächsten Wochen durch diesen Blog abzulösen. Das hat auch den Vorteil, dass wir künftig leichter und schneller als bisher die Informationen und Neuigkeiten einstellen können, und auch das Teilen in Facebook – genauer, auf unserer Facebook-Fanseite – sowie auf Google+ und XING wird dadurch **deutlich vereinfacht und beschleunigt**. Außerdem können unsere Besucher und Kunden nun die von uns veröffentlichten Informationen direkt **kommentieren** und ggf. auch eigene Erfahrungen dazu mit einbringen – das versteht man unter **Web 2.0** :-) Last but not least: rein optisch ist unser Blog noch keine „Schönheit“… aber optische Änderungen am Design müssen in WordPress auf anderen als den von uns gewohnten Wegen umgesetzt werden, und „Rom wurde ja auch nicht an einem Tag erbaut“, also geben’s uns bitteschön noch a bisserl Zeit, dann werden wir auch das Design auf den von uns gewohnten hohen Anspruch heben… :-) Ich hoffe, Ihnen gefällt unser neuer Blog! Nutzen Sie fleissig die Kommentarfunktion und sagen Sie uns Ihre Meinung! Herzlichst, Ihr Franz X. Kohl --- ## F/X Web Consulting | Internetagentur München URL: https://www.muenchen-webdesign.de/willkommen/ Wir nehmen Ihre Website persönlich! Herzlich Willkommen auf dem Unternehmens-Blog von F/X Web Consulting – wir sind **Ihre Internetagentur in der Region München** und Experten für umsatzsteigernde Unternehmens-Websites für kleine und mittlere Unternehmen (KMU). **Sehen Sie sich bei uns um!** Wir wünschen Ihnen eine spannende Reise durch unsere Blog–Posts, Unternehmens–Informationen und Sicherheitsinformationen. **Beteiligen Sie sich an Diskussionen **in dem Sie die **Kommentarfunktion** nutzen! Sie müssen auch kein Webdesigner, Webentwickler, Programmierer oder Onlineshop-Spezialist sein um hier mit diskutieren zu können. Wir freuen uns über Ihre Meinung, weitere Infos, zusätzliche Tipps – **also alles, was anderen Besuchern ebenfalls hilft!** Webdesign – aber persönlich! Sie und Ihre Kunden werden begeistert sein – denn wir legen Wert auf ein **klares Design** und eine **einfache Navigation**. Wir achten auf eine **moderne Darstellung Ihrer Website – **auch auf** mobilen Geräten** wie **Smartphones und Tablets**. Eine **kundenfreundliche Vermittlung** Ihrer Inhalte, Produkte und Dienstleistungen ist für uns selbstverständlich. Für aktuelle **Beispiele unserer Arbeit** empfehle ich Ihnen einen Blick auf unsere Referenzen. Und wenn Sie **Anregungen** für uns haben, nehmen Sie bitte Kontakt mit mir auf! Ich wünsche Ihnen eine gute Zeit auf www.muenchen-webdesign.de! Herzlichst, Ihr Franz X. Kohl F/X Web Consulting | Internetagentur München | https://www.fx-web.de/ Franz X. Kohl --- ## Referenzen URL: https://www.muenchen-webdesign.de/kundenreferenzen/ ## Kundenreferenzen auf F/X Web Consulting Eine **vollständige Liste** unserer Kundenreferenzen und Kundenfeedbacks finden Sie auf unserer Unternehmens-Website www.fx-web.de: [](https://www.fx-web.de/kundenreferenzen/" target="_blank" rel="noopener noreferrer) Kundenreferenzen-Highlights Hier ein paar „Schmankerl“ aus unseren Kundenreferenzen: ratgeber-info24.de vierkirchen.de dachdecker-muenchen.info bluecher-bar.de perspektive2030.de berufsberatung-schueler.de kfz-driefer.de dafsa-baustoffhandel.de ## Motto: Wir nehmen Ihre Website persönlich! Denn wir haben viel Freude und Spaß an unserer Arbeit als **Webdesigner** und **Webentwickler** – was können wir also **Gutes für Sie tun?** ---