<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>css:manufaktur</title>
	<atom:link href="https://www.css-manufaktur.de/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.css-manufaktur.de/</link>
	<description>Webseiten mit WordPress</description>
	<lastBuildDate>Sat, 22 Apr 2023 10:10:55 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.css-manufaktur.de/wp-content/uploads/2017/11/cropped-favicon-1-32x32.png</url>
	<title>css:manufaktur</title>
	<link>https://www.css-manufaktur.de/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Update bei älterer WordPress-Installation</title>
		<link>https://www.css-manufaktur.de/update-bei-aelterer-wordpress-installation/</link>
					<comments>https://www.css-manufaktur.de/update-bei-aelterer-wordpress-installation/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Fri, 13 Sep 2019 17:21:00 +0000</pubDate>
				<category><![CDATA[Sicherheit]]></category>
		<category><![CDATA[Updates]]></category>
		<category><![CDATA[Update]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=4090</guid>

					<description><![CDATA[Du hast in deiner WordPress-Installation schon lange kein Update mehr gemacht? Und das nur, weil du Bammel hast, dass deine Website im Nirwana verschwindet?&#160;Dann hilft dir vielleicht meine ToDo-Liste, die ich neulich für eine Netzwerk-Kollegin erstellt habe. Auf keinen Fall solltest du einfach auf die Knöpfe im Backend drücken, sondern die anstehenden Updates gut vorbereiten.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image alignright size-vp_sm"><img fetchpriority="high" decoding="async" width="500" height="250" src="https://www.css-manufaktur.de/wp-content/uploads/2019/08/update-g29f8c3254_640-500x250.jpg" alt="Update bei WordPress - Bildinhalt: Tastatur mit Text &quot;Update&quot; auf einer Taste" class="wp-image-4104" srcset="https://www.css-manufaktur.de/wp-content/uploads/2019/08/update-g29f8c3254_640-500x250.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2019/08/update-g29f8c3254_640-300x150.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2019/08/update-g29f8c3254_640.jpg 640w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">Bild von <a href="https://pixabay.com/de/users/tumisu-148124/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4223736">Pixabay</a></figcaption></figure>



<p>Du hast in deiner WordPress-Installation schon lange kein Update mehr gemacht? Und das nur, weil du Bammel hast, dass deine Website im Nirwana verschwindet?&nbsp;Dann hilft dir vielleicht meine ToDo-Liste, die ich neulich für eine Netzwerk-Kollegin erstellt habe. Auf keinen Fall solltest du einfach auf die Knöpfe im Backend drücken, sondern die anstehenden Updates gut vorbereiten. Keine Angst, es ist Arbeit aber keine Raketenwissenschaft.<br></p>



<h2 class="wp-block-heading" id="ich-liste-mal-die-schritte-auf-die-ich-vornehmen-wurde">Ich liste mal die Schritte auf, die ich vornehmen würde:</h2>



<ol class="list-numbers-increment wp-block-list">
<li><h3>Backup machen</h3><p>Zunächst machst du ein Backup deiner gesamten Installation &#8211; sowohl von den <strong>Dateien</strong> als auch von der <strong>Datenbank</strong>. Sie ist besonders wichtig, denn sie ist das Herzstück deiner Installation und enthält alle Einstellungen sowie die Inhalte deiner Seiten und Beiträge. Du solltest unbedingt das Theme und alle Plugins einbeziehen, denn wenn diese Komponenten schon älter sind, ist die Wiederbeschaffung vermutlich nicht ganz einfach. Nicht vergessen den <strong>Upload-Ordner</strong> mitzunehmen, denn er enthält alle über die Mediathek hochgeladenen Bilder oder andere Dateien wie PDFs. Dazu nutzt du ein Plugin wie <a href="https://de.wordpress.org/plugins/backwpup/" target="_blank" rel="noreferrer noopener nofollow">BackWPup</a> oder <a href="https://de.wordpress.org/plugins/updraftplus/" target="_blank" rel="noreferrer noopener nofollow">UpdraftPlus</a>, falls du nicht bereits eines installiert hast. Beide Plugins gibt es in einer kostenfreien und einer kostenpflichtigen Pro-Version. </p></li>



<li><h3>PHP-Version checken</h3><p>Gut möglich, dass deine Seite noch mit einer älteren PHP-Version wie 5.6 läuft. Dein Provider hat dich dazu bereits angeschrieben und du zahlst nun extra für diesen Support? Dann ist es Zeit, auf PHP7 umzustellen. Mit WordPress selbst sollte es keine Probleme geben, wenn bei dir mindestens die Version 4.2 läuft. Die unterstützt bereits neueres PHP. Anders ist es bei Plugins und Themes, die möglicherweise nicht mitspielen. Teste daher zunächst, ob alle deine installierten Komponenten bei PHP7 mitspielen.&nbsp;Dazu empfehle ich <a href="https://torstenlandsiedel.de/2016/10/16/ist-deine-wordpress-website-kompatibel-mit-php7" target="_blank" rel="noreferrer noopener">diesen Beitrag von Torsten Landsiedel</a> und den dort erwähnten <a href="https://wordpress.org/plugins/php-compatibility-checker/" target="_blank" rel="noreferrer noopener">Compatibility Checker</a>.Achte darauf, dass du im Zeifel auf PHP5.6 zurückstellen kannst. Sollte es trotz Prüfung Probleme geben, machst du die Einstellung zunächst wieder rückgängig, damit die Seite läuft.</p></li>



<li><h3>Umstellung erfolgreich</h3><p>Alles ok? Dann kannst du es bei der neuen PHP-Einstellung belassen. Die Updates sollten nun problemlos durchgeführt werden können. Meine Empfehlung für Plugins: Immer nur ein Update auf einmal. Sollte doch etwas schief gehen, weißt du gleich, welches Plugin das Problem ausgelöst hat.</p></li>



<li><h3>Umstellung fehlgeschlagen</h3><p>Nicht alles ok? Bei einigen Plugins oder beim Theme hat die Prüfung ein rotes X ergeben? Dann musst du dir diese Komponenten genauer ansehen.</p>
<ul class="wp-block-list">
<li><h4>Theme</h4><p>Das Theme muss unbedingt funktionieren. Gibt es hier ein rotes X, dann schaust du auf der Seite des Theme-Entwicklers oder bei WordPress nach, ob es ein Update gibt, das für PHP7 geeignet ist. Es könnte allerdings sein, dass die neuere Theme-Version nicht mehr mit PHP 5.6 arbeitet. Dann aktivierst du zunächst ein Standard-Theme. Für solche Fälle solltest du immer eines installiert haben. Sonst musst du das jetzt nachholen. Erst nach der PHP-Umstellung machst du dann das Update für dein eigentliches Theme und aktivierst es wieder. Möglich, dass du einige Einstellungen anpassen musst.</p></li>



<li><h4>Plugins</h4><p>Hier hilft ein Blick in die <a href="https://de.wordpress.org/plugins/" target="_blank" rel="noreferrer noopener nofollow">WordPress-Bibliothek der Plugins</a>. Sollte eines oder mehrere deiner Plugins hier nicht mehr gelistet sein, musst du sie im Zweifel mit einem geeigneten ähnlichen Plugin ersetzen oder auf das Plugin verzichten.Ist deine PHP-Version älter als 5.6 stellst du zunächst auf PHP5.6 um. Damit müssten die bisherigen Komponenten (Plugins und Theme) noch umgehen können. Danach machst du alle Updates für Plugins und Theme. Wenn alles läuft, versuchst du die Umstellung auf PHP7.</p></li>
</ul>
</li>



<li><h3>Update</h3><p>Mit WordPress 5 wurde Ende 2018 der neue Editor &#8222;Gutenberg&#8220; eingeführt. Nicht alle aktuellen Plugins und Themes kommen damit zurecht. Bevor du also auf die aktuelle WordPress-Version 5.1.x umstellst, solltest du noch das Plugin <a href="https://de.wordpress.org/plugins/classic-editor/" target="_blank" rel="noreferrer noopener">Classic Editor</a>&nbsp;installieren und aktivieren. Unter &#8222;Einstellungen -&gt; Schreiben&#8220; legst du den bisherigen Editor für deine Seite festlegen. Plugins, die mit Gutenberg nicht funktionieren, steht so automatisch der &#8222;Classic Editor&#8220; zur Verfügung.</p><p>Wenn du Gutenberg ausprobieren willst, dann erlaubst du dort den Wechsel. Dann kannst du individuell auswählen, ob du in deinen Seiten oder Beiträgen mit Gutenberg arbeiten willst. Meinen Beitrag zur Umstellung auf Gutenberg findest du <a href="https://www.css-manufaktur.de/gutenberg-und-die-gretchenfrage-inklusive-checkliste/">hier</a>.</p></li>



<li><h3>Wiederherstellung</h3><p>Falls der SuperGAU eintritt und deine Seite nicht mehr erreichbar ist, kommt dein Backup zu Einsatz. Die alten Dateien und die gesicherte Datenbank müssen zurück in dein Account. Dabei hilft dir das bereits genannte UpdraftPlus, wenn du dein Backup damit erstellt hast. Es bietet die Recovery-Funktion bereits in der kostenfreien Variante. Oder du fragst bei deinem Provider nach, ob er ein Backup bereit hält und deine Website in den alten Zustand versetzen kann.&nbsp; Dieser Service ist allerdings bei den meisten Providern kostenpflichtig. </p></li>
</ol>



<section class="wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-286c86cc featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Du bist eher vorsichtig? Dann kannst du deine Website auch klonen und die Updates vorab in der Kopie testen. Dazu hat meine Netzwerk-Kollegin <a href="https://www.content-iq.com/wordpress-testumgebung-staging-kopie/" target="_blank" rel="noreferrer noopener">Katja Flinzner</a> kürzlich einen Beitrag verfasst. Das Verfahren nennt sich Staging und lässt sich sowohl &#8222;zu Fuß&#8220; als auch mithilfe eines Plugins bewerkstelligen.</p>
</blockquote>
</div></section>



<h2 class="wp-block-heading" id="fazit">Fazit</h2>



<p>Du hast es geschafft und dein Webauftritt ist auf dem neuesten Stand? Dann kannst du echt stolz auf dich sein! Ab jetzt sind die regelmäßigen Updates nur ein Klacks für dich. Um den nächsten „Gewaltmarsch“ zu vermeiden, solltest du die angefallenen Updates zukünftig zeitnah vornehmen.</p>



<p>Welche Erfahrungen hast du gemacht? Ich freue mich, deinen Kommentar zu lesen.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/update-bei-aelterer-wordpress-installation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress SEO &#8211; Hilfe, meine Webseite ist eine lahme Ente</title>
		<link>https://www.css-manufaktur.de/wordpress-suchmaschinenoptimierung/</link>
					<comments>https://www.css-manufaktur.de/wordpress-suchmaschinenoptimierung/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Tue, 25 Jun 2019 14:36:00 +0000</pubDate>
				<category><![CDATA[Performance]]></category>
		<category><![CDATA[Ladezeiten]]></category>
		<category><![CDATA[Optimierung]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=3373</guid>

					<description><![CDATA[Hast du deine WordPress-Site schon mal auf dem Handy geladen? Und? Wurde sie schnell angezeigt? Super, dann hast du offenbar alles richtig gemacht bei der WordPress Suchmaschinenoptimierung. Musstest du länger warten, dann helfen dir meine nachfolgenden drei Schritte zur Website-Optimierung. Damit machst du deiner Website Beine und verbesserst deren Ranking-Faktor. Ladezeiten &#8211; ein wichtiger Ranking-Faktor]]></description>
										<content:encoded><![CDATA[
<p>Hast du deine WordPress-Site schon mal auf dem Handy geladen? Und? Wurde sie schnell angezeigt? Super, dann hast du offenbar alles richtig gemacht bei der WordPress Suchmaschinenoptimierung. Musstest du länger warten, dann helfen dir meine nachfolgenden drei Schritte zur Website-Optimierung. Damit machst du deiner Website Beine und verbesserst deren Ranking-Faktor.</p>



<h2 class="wp-block-heading" id="ladezeiten-ein-wichtiger-ranking-faktor">Ladezeiten &#8211; ein wichtiger Ranking-Faktor bei der WordPress Suchmaschinenoptimierung</h2>



<div class="wp-block-image"><figure class="alignright size-large is-resized"><img decoding="async" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/lahme-ente.svg" alt="WordPress Suchmaschinenoptimierung: Ente mit Gipsfuß und Krücken als Sinnbild für eine lahme Website." class="wp-image-3935" width="200"/></figure></div>



<p>Bereits seit einigen Jahren setzt sich Google vor allem dafür ein, lange Wartezeiten beim Aufbau einer Website zu vermeiden. User sollen insbesondere bei schlechten Handy-Verbindungen nicht allzu lange auf die gesuchte Information warten müssen. Auf diesen Zug sind mittlerweile viele Anbieter von mehr oder weniger kostenintensiven Dienstleistungen und Prüf-Tools aufgesprungen. Auch wenn das in diesem Bereich viele Analyse-Tools suggerieren, Raketenwissenschaft ist die Seiten-Optimierung nicht.</p>



<p>Welche Maßnahmen wirkungsvoll die Ladezeiten herabsetzen können, erläutere ich im Folgenden anhand des kürzlich fertiggestellten Kundenprojektes <a href="https://www.textfuss.de/">https://www.textfuss.de/</a>. Das hier verwendete Theme ist übrigens „<a href="https://kriesi.at/themes/enfold-overview/" target="_blank" rel="noreferrer noopener nofollow">Enfold</a>“. Ich beschränke mich hier zunächst auf Maßnahmen für Einsteiger, die sich mit Plugins realisieren lassen.</p>



<h2 class="wp-block-heading" id="3-schritte-zur-optimierung-der-performance">WordPress 3 Schritte zur Optimierung der Performance</h2>



<h3 class="wp-block-heading" id="schritt-1-der-start-check">Schritt 1: der Start-Check</h3>



<p>Meine bevorzugte Testumgebung ist <a rel="noreferrer noopener" href="https://gtmetrix.com/" target="_blank">GT-Metrix</a>. Es ist sowohl für den Allround-Check als auch für eine tiefergehende Analyse geeignet. Für den Start reicht ein Blick in den „Page Speed“.</p>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-4ee22b1e"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-a87d7b80"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung.jpg"><img decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-1024x680.jpg" alt="Screenshot GTmetrix vor der WordPress Suchmaschinenoptimierung" class="wp-image-3819" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>Screenshot vor der Optimierung</figcaption></figure>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-01c8e3e8"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Ein Score von 85 % ist für den Anfang bei der WordPress Suchmaschinenoptimierung nicht schlecht, optimal ist das aber noch nicht. Schauen wir uns die wichtigsten Stellschrauben mal genauer an.</p>
</div></div>
</div></section>



<h3 class="wp-block-heading" id="schritt-2-die-optimierung-der-schlecht-bewerteten-punkte">Schritt 2: die Optimierung der schlecht bewerteten Punkte</h3>



<h4 class="wp-block-heading" id="bilder">Bilder</h4>



<p>Besonders schlecht schneiden die Bilder in der Seite ab. Sie ziehen das Ergebnis der WordPress Suchmaschinenoptimierung maßgeblich runter. Daher solltest du ihnen erhöhte Aufmerksamkeit schenken:</p>



<ul class="wp-block-list"><li><strong>Die Bildgröße sollte den tatsächlich verwendeten Maßen entsprechen.</strong><br>Keine Bilder direkt aus der Kamera in die Website laden. Für die einfache Verkleinerung reicht ein Programm wie <a href="https://www.irfanview.net/" target="_blank" rel="noreferrer noopener">Irfanview</a>. Bei <a href="https://gregor-moellring.de/anleitungen/viele-bilder-aendern-mit-irfanview/" target="_blank" rel="noreferrer noopener">Gregor Möllring</a> findest du eine Anleitung dazu.</li><li><strong>Die Dateigröße der Bilder weiter reduzieren.<br></strong>Bildbearbeitungsprogramme leisten hier schon einiges. Besser arbeiten Tools, die Bilder auch mit einem gewissen Verlust komprimieren können. Mein Lieblings-Tool für Bilder im JPG-Format ist der <a href="https://mozjpeg.codelove.de/" target="_blank" rel="noreferrer noopener">mozjpeg Encoder</a>. Das kostenfreie Online-Werkzeug kann Bilder mit einer Verlustrate bis zu 60 % komprimieren. Vorher- und Nachher-Version stehen nebeneinander. So kann man sehen, ob die gewählte Verlustrate noch akzeptable Bilder ausgibt. Ansonsten ändert man die Einstellungen und versucht es erneut. Das fertige Bild lädt man auf den eigenen Rechner herunter.<br>Die Einsparungen bei der Dateigröße sind meist enorm.</li><li><strong>Dateigrößen beim Upload reduzieren<br></strong>Geeignete Plugins komprimieren Bilder in WordPress direkt beim Upload in die Mediathek. Die freien Varianten ersparen zwar nur wenige Prozent, was sich aber dennoch lohnt – insbesondere für Blogger. Manche kostenpflichtige Plugins erlauben auch die verlustbehaftete Komprimierung. Ich bevorzuge hier <a href="https://de.wordpress.org/plugins/wp-smushit/" target="_blank" rel="noreferrer noopener">WP Smush</a>.</li></ul>



<h4 class="wp-block-heading" id="browser-caching">Browser-Caching</h4>



<p>Alle statischen Anteile in der Webseite speichert der Browser mit dem ersten Aufruf der Seite. Insbesondere sind das Bilder, Schriften und auch Skripte. Dazu braucht der Browser eine Anweisung, welche Inhalte er wie speichern soll. Das erledigen bei WordPress sogenannte Caching-Plugins.</p>



<ul class="wp-block-list"><li><strong>WP Fastest Cache</strong><br>Meine bevorzugte Lösung bei der WordPress Suchmaschinenoptimierung ist <a href="https://de.wordpress.org/plugins/wp-fastest-cache/" target="_blank" rel="noreferrer noopener">WP Fastest Cache</a>, das bereits in der kostenfreien Variante sehr gute Dienste leistet. Es arbeitet übrigens perfekt mit WP Smush zusammen. <br><br>Die Einstellungen für das Plugin sind schnell gemacht:</li></ul>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-53a3e296"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-af088d86"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-full"><a href="https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins.jpg"><img decoding="async" width="814" height="811" src="https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins.jpg" alt="Screenshot - Einstellungen für WP Fastest Cache zur Verbesserung der Performance bei der WordPress Suchmaschinenoptimierung" class="wp-image-3829" srcset="https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins.jpg 814w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-300x300.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-250x250.jpg 250w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-768x765.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-500x498.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-800x797.jpg 800w" sizes="(max-width: 814px) 100vw, 814px" /></a><figcaption>Empfehlung für die Einstellungen im Caching-Plugin</figcaption></figure>



<p></p>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-84098753"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Für mich haben sich die im Bild angezeigten Einstellungen bewährt. Sie minifizieren HTML-, CSS- und JavaScript-Dateien, indem sie Leerzeichen und Kommentare entfernen. Mehrere Skripte werden zu einer Datei zusammengefasst. Das spart Abfragen vom Server und reduziert damit die Ladezeit.</p>



<p>Einige Checkboxen sind ausgegraut. Diese Optionen gibt es nur in der kostenpflichtigen Pro-Variante.</p>
</div></div>
</div></section>



<ul class="wp-block-list"><li><strong>Autoptimize<br></strong>Daher ergänze ich die fehlenden Optionen häufig mit der kostenfreien Version von <a href="https://de.wordpress.org/plugins/autoptimize/" target="_blank" rel="noreferrer noopener">Autoptimize</a>. Damit lässt sich beispielsweise Lazy Loading, das Nachladen von zunächst nicht sichtbaren Bildern aktivieren. Zudem lassen sich damit zuverlässig die bei vielen Themes standardmäßig geladenen Skripte für Google-Fonts und die WordPress-Emojis entfernen.<br><br>Auch nicht unwichtig: Die Versionierung bei Skripten kannst du ebenfalls entfernen. Solche Skripte mit der Erweiterung „ver“ sperren sich oft gegen das Caching, was mit Anhaken dieser Checkbox vermieden wird.<br><br></li></ul>



<h3 class="wp-block-heading" id="schritt-3-testen-testen-testen">Schritt 3: Testen, Testen, Testen</h3>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-61743b67"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-61ba97f2"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung.jpg"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-1024x680.jpg" alt="Screenshot GTmetrix nach Website-Optimierung" class="wp-image-3818" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung.jpg 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption>Screenshot nach der Optimierung</figcaption></figure>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-9dd5eff5"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Sind die geänderten Bilder eingebaut und die Caching-Tools eingerichtet, dann testest du deine Website erneut. Nun sollte das Ergebnis deutlich besser ausfallen.</p>



<p><strong>Wenn nicht, beginnt die Optimierungsschleife erneut.</strong></p>
</div></div>
</div></section>



<section class="wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-69b0290e featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p><strong>Übrigens: </strong>Verabschiede dich davon,100 % erreichen zu wollen. Die wenigen Prozentpunkte, die sich noch herauskitzeln lassen, erfordern die dreifache Zeit. Ein Wert über 90% ist schon sehr gut. Das ist bereits Level A.</p></blockquote>
</div></section>



<p>Ich optimiere übrigens meist nur die Startseite und zusätzlich ausgewiesene Landingpages. Bei allen anderen Seiten achte ich darauf, dass die Bilder die optimale Größe haben. Die Skripte (Stylesheet und Javascript) sind bereits für die gesamte Seite im Browser-Cache.</p>



<p>Und wenn das Ergebnis bei GTmetrix für dich zufriedenstellend ist, kannst du auch noch einen Blick in <a rel="noreferrer noopener" href="https://pagespeed.web.dev/" target="_blank">Google-Insights</a> werfen. Hier gibt es noch ein paar Zusatzinformationen. Andersherum kann ich nicht empfehlen. Da Google immer etwas zu meckern hat, ist hier der Frust nicht weit.</p>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-30 alignundefined uagb-block-c8106305"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-3a7200cf"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil.jpg"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-1024x680.jpg" alt="Screenshot Google Insights für Mobil - die Website-Optimierung war erfolgreich" class="wp-image-3821" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil.jpg 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption>Mobil könnte noch mehr optimiert werden. Der Aufwand ist aber recht hoch und erfordert zudem kostenpflichtige Plugins.</figcaption></figure>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-d0a1b14e"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop.jpg"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-1024x680.jpg" alt="Screenshot Google Insights für Desktop - ein Baustein für einen guten Ranking-Faktor " class="wp-image-3820" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop.jpg 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption>Beim Desktop ist das Ergebnis nahezu perfekt.</figcaption></figure>
</div></div>
</div></section>



<h2 class="wp-block-heading">Viel Erfolg bei deiner WordPress Suchmaschinenoptimierung</h2>



<p>Ich wünsche dir gutes Gelingen. Und schalte die &#8222;innere Perfektionistin&#8220; einfach mal ab. Jeder Schritt in Richtung Ladezeit-Optimierung ist bereits ein Gewinn.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/wordpress-suchmaschinenoptimierung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gutenberg und die Gretchenfrage &#8211; inklusive Checkliste</title>
		<link>https://www.css-manufaktur.de/gutenberg-und-die-gretchenfrage-inklusive-checkliste/</link>
					<comments>https://www.css-manufaktur.de/gutenberg-und-die-gretchenfrage-inklusive-checkliste/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Mon, 01 Apr 2019 15:42:00 +0000</pubDate>
				<category><![CDATA[Gutenberg]]></category>
		<category><![CDATA[Updates]]></category>
		<category><![CDATA[Update]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=2294</guid>

					<description><![CDATA[Wie hältst du es mit dem Update auf Gutenberg? Hast du die Installation der neuesten WordPress-Version bereits ohne Probleme erledigt? Prima, dann kannst du jetzt aufhören zu lesen. Für alle anderen habe ich mal meine Erfahrungen zusammengetragen: Update jetzt &#8211; ja oder nein Eine tolle Nachricht vorab: Wenn du dich noch nicht traust, kannst du]]></description>
										<content:encoded><![CDATA[
<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-none uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-0 alignundefined uagb-block-064caa6e"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-729fd304"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Wie hältst du es mit dem Update auf Gutenberg? Hast du die Installation der neuesten WordPress-Version bereits ohne Probleme erledigt? Prima, dann kannst du jetzt aufhören zu lesen. Für alle anderen habe ich mal meine Erfahrungen zusammengetragen:</p>



<h2 class="wp-block-heading" id="update-jetzt-ja-oder-nein">Update jetzt &#8211; ja oder nein</h2>



<p>Eine tolle Nachricht vorab: Wenn du dich noch nicht traust, kannst du noch eine Weile bei WordPress 4.9.9 bleiben. Hier wird es längere Zeit die nötigen Sicherheits-Updates geben. Irgendwann wirst du aber umstellen müssen, denn Gutenberg geht nicht mehr weg. Wenn du dich entschieden hast, das Update durchzuführen, solltest du auf diese Punkte achten.</p>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-cb2906d9"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://www.css-manufaktur.de/wp-content/uploads/2020/09/image.png" alt="Porträt Gutenberg" class="wp-image-2309" width="251" height="324" srcset="https://www.css-manufaktur.de/wp-content/uploads/2020/09/image.png 251w, https://www.css-manufaktur.de/wp-content/uploads/2020/09/image-232x300.png 232w" sizes="auto, (max-width: 251px) 100vw, 251px" /></figure></div>



<p></p>
</div></div>
</div></section>



<h3 class="wp-block-heading" id="meine-checkliste-fur-ein-stressfreies-update">Meine Checkliste für ein stressfreies Update auf Gutenberg:</h3>



<ol class="wp-block-list"><li><strong>Alle verwendeten Plugins darauf prüfen, ob sie mit Gutenberg arbeiten können.</strong> Bei nicht kostenpflichtigen Komponenten hilft das <a href="https://de.wordpress.org/plugins/browse/blocks/">WordPress-Repository</a> weiter. Die hier gelisteten Plugins sind darauf überprüft, ob sie bereits mit Gutenberg-Blöcken arbeiten.</li><li><strong>Das Theme</strong> ebenfalls prüfen. Auch hier hilft das <a href="https://de.wordpress.org/themes/">Verzeichnis</a> weiter. Hast du dein Theme gekauft, solltest du bei der Entwicklerin oder dem Entwickler nachfragen. Ist das Theme für Gutenberg geeignet oder wenigstens eine Anpassung geplant ist?</li><li><strong>Ein komplettes Backup &#8211; WordPress-Dateien und Datenbank &#8211; machen.</strong> Und zwar, bevor du an die Updates gehst.</li><li><strong>Gutenberg ist kein Problem</strong>, weder für dein Theme noch für deine Plugins? Dann kannst du die neueste WordPress-Version installieren. <strong>Gutenberg ist ein Problem</strong>, dann installierst du dir den <a href="https://de.wordpress.org/plugins/classic-editor/">&#8222;Classic Editor&#8220;</a>.</li></ol>



<div class="wp-block-image is-style-default"><figure class="alignleft size-full is-resized"><a href="https://de.wordpress.org/plugins/classic-editor/"><img loading="lazy" decoding="async" src="https://www.css-manufaktur.de/wp-content/uploads/2020/09/classic-editor-plugin.png" alt="Hinweis Classic Editor" class="wp-image-2297" width="362" height="113" srcset="https://www.css-manufaktur.de/wp-content/uploads/2020/09/classic-editor-plugin.png 362w, https://www.css-manufaktur.de/wp-content/uploads/2020/09/classic-editor-plugin-300x94.png 300w" sizes="auto, (max-width: 362px) 100vw, 362px" /></a></figure></div>



<p>Den findest du ganz einfach, wenn du auf &#8222;Plugins -&gt; installieren&#8220; gehst. Am besten richtest du es ein, <strong>bevor</strong> du das WordPress-Update machst. Dann machst du zunächst alle Updates, die dir für Plugins und Theme angezeigt werden &#8211; erst dann folgt das Update auf WordPress 5.x.</p>



<aside class="wp-block-uagb-section uagb-section__wrap uagb-section__background-color alignwide uagb-block-51120256 featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote cta is-style-default is-layout-flow wp-block-quote-is-layout-flow"><p><strong>Achtung: <a href="https://de.wordpress.org/plugins/multilingual-press/">&#8222;Multilingual-Press 2&#8220;</a></strong> für Sprachversionen in Multisites ist nicht kompatibel mit Gutenberg. Leider gibt es das Update auf Version 3 nur in der kostenpflichtigen Pro-Version. Wer dieses Plugin nutzt, muss unbedingt den &#8222;Classic Editor&#8220; netzwerkweit aktivieren oder umsteigen auf den <a href="https://de.wordpress.org/plugins/multisite-language-switcher/">&#8222;Multisite Language Switcher&#8220;</a></p></blockquote>
</div></aside>



<h2 class="wp-block-heading">Ab jetzt mit Gutenberg?</h2>



<p>Herzlichen Glückwunsch, nun kannst du entweder wie gehabt weiterarbeiten oder du arbeitest ab jetzt mit Gutenberg. Da aller Anfang bekanntlich schwer ist, kann ich die <a href="https://gutenberg-fibel.de/">Gutenberg-Fibel</a> meiner WordPress-Kollegin <a href="https://jessicalyschik.de/">Jessica Lyschik</a> empfehlen.</p>



<p>Gut zu wissen: Der &#8222;Classic Editor&#8220; bietet in den Einstellungen die Möglichkeit, beide Varianten zu nutzen &#8211; du kannst also auch weiterhin mit dem klassischen Editor arbeiten. Vor allem für alte Blog-Beiträge ist das hilfreich. Gutenberg selbst bietet aber auch die Möglichkeit der klassischen Ansicht: Dann wird dir der gesamte Inhalt in einem einzigen Block angezeigt. Allerdings kannst du deinen Beitrag dann nur eingeschränkt bearbeiten. Dann bleibst du besser beim klassischen Editor.</p>



<h2 class="wp-block-heading" id="was-tun-wenn-das-theme-nicht-mitmacht">Was tun, wenn das Theme beim Update auf Gutenberg nicht mitmacht?</h2>



<p>Wenn dein Theme nach dem Update nicht mehr mitspielen will, brauchst du möglicherweise ein neues. Schon jetzt findest du geeignete Themes, wenn du im WordPress-Repository den Filter auf <a href="https://de.wordpress.org/themes/tags/block-styles/">&#8222;Block-Editor-Stile&#8220;</a> setzt. Sicher werden hier noch viele Angebote folgen. Nach meiner bisherigen Erfahrung sind aber alle Standard-Themes von WordPress für den Einsatz von Gutenberg gut geeignet. Am besten schaust du also vor der Installation in die Beschreibung deines Wunsch-Themes!</p>



<h3 class="wp-block-heading" id="obacht-bei-page-buildern">Obacht bei Page Buildern</h3>



<p>Aufpassen musst du aber manchmal bei Themes, die einen Page Builder enthalten. Selbst getestet habe ich bereits die neuesten Versionen von &#8222;Enfold&#8220; und &#8222;Divi&#8220;. Da ist der Page Builder bereits optimiert für Gutenberg. Nach meinen Recherchen können auch &#8222;Elementor&#8220;, &#8222;WP-Bakery&#8220; und der &#8222;Beaver-Builder&#8220; in den aktuellen Versionen mit dem neuen Editor umgehen</p>



<p>Letztlich liegt die Entscheidung bei dir: Gutenberg &#8211; ja oder nein? Auf deine Erfahrungen bin ich sehr gespannt. Schreib mir deine Meinung in die Kommentare.</p>



<p>Bild von <a href="https://pixabay.com/de/users/movprint-7701454/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3268973">Manuel Schäfer</a> auf <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3268973">Pixabay</a></p>



<aside class="wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-7e28bf3e featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p><strong>Übrigens:</strong></p><p>Bei einer Online-Veranstaltung meines Netzwerks Texttreff im Mai 2020 habe ich einen Workshop mit dem Titel &#8222;Keine Angst vor Gutenberg&#8220; gehalten. Neben einer Einführung zum Editor war auch die Nutzung als Page Builder für Seiten-Layouts ein Thema. Das Handout dazu findest du in meinem <a href="/archiv/">Archiv</a>.</p></blockquote>
</div></aside>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/gutenberg-und-die-gretchenfrage-inklusive-checkliste/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>DSGVO-Gesetz  – die neue Sau im globalen Dorf</title>
		<link>https://www.css-manufaktur.de/dsgvo-gesetz-die-neue-sau-im-globalen-dorf/</link>
					<comments>https://www.css-manufaktur.de/dsgvo-gesetz-die-neue-sau-im-globalen-dorf/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Fri, 06 Apr 2018 14:41:00 +0000</pubDate>
				<category><![CDATA[Rechtliches]]></category>
		<category><![CDATA[DSGVO]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=3375</guid>

					<description><![CDATA[Schon gehört? Das DSGVO-Gesetz kommt. Und zwar schon bald. Am 25. Mai tritt sie in Kraft. Die Netzwelt hat eine neue Sau, die sie durchs globale Dorf treiben kann. Ach, Sie haben noch nichts davon gehört? DSGVO oder besser EU-DSGVO steht für Datenschutz-Grundverordnung. Es gibt sie bereits seit 2016. Nach einer Übergangsfrist gilt sie nun]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="alignright size-large is-resized"><img decoding="async" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/DSGVO-amico.svg" alt="Das DSGVO-Gesetz erfordert eine Überprüfung der Datenerhebung. Die Grafik zeigt ein Schloß mit Schlüssel, umrahmt von Sternen - stellvertretend für die EU." class="wp-image-3506" width="300"/></figure></div>



<p>Schon gehört? Das DSGVO-Gesetz kommt. Und zwar schon bald. Am 25. Mai tritt sie in Kraft. Die Netzwelt hat eine neue Sau, die sie durchs globale Dorf treiben kann. Ach, Sie haben noch nichts davon gehört? <a href="https://dsgvo-gesetz.de/" target="_blank" rel="noreferrer noopener">DSGVO</a> oder besser EU-DSGVO steht für Datenschutz-Grundverordnung. Es gibt sie bereits seit 2016. Nach einer Übergangsfrist gilt sie nun ab dem 25. Mai für den Umgang mit personenbezogenen Daten. Sie ist verbindlich in der europäischen Union. Da gibt es aber doch das Bundes-Datenschutzgesetz (BDSG)? Ja, stimmt. Aber das wurde angepasst an die neue EU-Verordnung, gilt ebenfalls ab Mai und löst das bisherige bundesdeutsche Gesetz ab.</p>



<h2 class="wp-block-heading" id="datenschutzerklarung-nach-dsgvo">Datenschutzerklärung nach DSGVO</h2>



<p>Ja und jetzt? Naja, jetzt zittern alle, die sich bisher nicht um den Datenschutz gekümmert haben. Ach nein, nicht alle zittern: Da gibt es die Rechtskundigen in der Netzwelt. Bisher haben sie ihr Fachwissen in Form von Vorlagen für Impressum und Datenschutzerklärung gegen Angabe der Quelle kostenfrei zur Verfügung gestellt. Damit konnten viele Kleinstunternehmerinnen und Einzelkämpfer der Kennzeichnungspflicht ihrer Webseiten nachkommen. Denn Anwälte zahlt diese Klientel nicht aus der Portokasse.</p>



<p>Nun aber herrscht Goldgräberstimmung: Vorlagen, die bereits für die neue EU-Verordnung optimiert sind gibt es fast nur noch gegen Cash. Und da Anwälte ja bekanntlich nicht werben dürfen, heizen sie die Angst vor der DSGVO allerorten an. Da geben wir schon mal Geld aus für ein Papier mit Handlungsanweisungen oder schließt ein Abo ab.</p>



<h2 class="wp-block-heading" id="rechtssicherheit">Rechtssicherheit beim DSGVO-Gesetz</h2>



<p>Und damit bin ich jetzt im grünen Bereich und vor Abmahnungen geschützt? Leider nein. Keine der derzeitigen Vorlagen für die Datenschutzerklärung kann Rechtssicherheit garantieren. Abmahnanwälte und -vereine stehen vermutlich bereits in den Startlöchern. Ob Einzelkämpferinnen wie ich dem Datenschutz zukünftig genügen können, werden nur Gerichtsentscheide bringen. Oder der Gesetzgeber schiebt diesen Praktiken endlich einen Riegel vor. Denn Deutschland ist das einzige Land in der EU, das Abmahnanwälten oder -vereinen zu ihrer zweifelhaften Daseinsberechtigung verhilft.</p>



<p>Wir werden wohl zunächst damit leben müssen nicht genau zu wissen, ob wir alles richtig machen. Und das geht den Fachanwälten der Branche ebenso. Derzeit weiß niemand, welche Stolperfallen Webworker umgehen müssen, um keine kostenbewährte Abmahnung zu kassieren.</p>



<h2 class="wp-block-heading" id="was-andert-sich-denn-nun">Was ändert sich denn nun?</h2>



<p>Was müssen wir denn eigentlich anders machen als bisher? In einschlägigen Foren zu WordPress wird dazu geraten, viele Funktionen einfach abzuschalten. Analyse der Nutzerzugriffe, Abwehr von Spam, Kontrolle über Kommentare im Blog, ja selbst Kontaktformulare und Sicherheits-Plugins. Alles abschalten. Sie könnten gemäß DSGVO-Gesetz Nutzerdaten erheben. Ja, ja, denn auch IP-Adressen sind personenbezogene Daten, die schützenswert sind.</p>



<p>In meiner Berufswelt ist das DSGVO-Gesetz gerade DER Hype. Die meisten scheinen dabei allerdings zu vergessen, dass die neue EU-Verordnung nicht den Verzicht auf Datenerhebung fordert. Es steht sogar ausdrücklich drin, dass Unternehmen ein Recht haben, die für ihre wirtschaftliche Tätigkeit notwendigen Daten zu erheben. Sie sollten damit nur möglichst sparsam umgehen und – ganz wichtig – für Transparenz bei deren Nutzung sorgen. </p>



<aside class="wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-5b99927d featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Im Klartext: Alles was ein Unternehmen mit seinen Daten treibt, muss dokumentiert werden. Zudem gibt es nun das Recht auf Auskunft, Löschung und Übertragung aller Nutzerdaten.</p></blockquote>
</div></aside>



<p>Wichtig ist auch die Umkehr der Beweislast. Ab Mai müssen Betreiber von Webseiten und -diensten nachweisen, dass sie alle Anforderungen an den Datenschutz befolgt haben. Es besteht die Pflicht zur Dokumentation und zum Schutz der Daten vor dem Zugriff Dritter.</p>



<h2 class="wp-block-heading" id="todo-liste">Und was gibt&#8217;s gemäß DSGVO-Gesetz zu tun?</h2>



<p>Ich bin keine Anwältin und habe mich bisher bei meinen Projekten und für meine Kunden am deutschen Datenschutzgesetz orientiert. Ich sehe bei der Verarbeitung von personenbezogenen Daten keine allzu großen Änderungen und kann daher die Hysterie, die bisherigen Tools und Plugins für WordPress über Bord zu werfen nicht nachvollziehen.</p>



<p>Spürbare Änderungen gibt es aber bei der Dokumentation zur Verarbeitung der Daten. Aus 1 Seite Datenschutzerklärung werden jetzt leicht 3-5 Seiten. Zudem müssen alle, die mit Personendaten umgehen, deren Verarbeitung dokumentieren.</p>



<h2 class="wp-block-heading">Die ToDo-Liste</h2>



<ul class="wp-block-list"><li><strong>Datenschutzerklärung gemäß DSGVO-Gesetz<br></strong>Ja, es gibt sie noch, die kostenfreien Angebote. Ich nutze derzeit den <a href="https://dsgvo-muster-datenschutzerklaerung.dg-datenschutz.de" target="_blank" rel="noreferrer noopener nofollow">Generator der Deutschen Gesellschaft für Datenschutz</a> (DGD).</li><li><strong>Verzeichnis von Verarbeitungstätigkeiten</strong><br>Darin musst du dokumentieren, welche Personen oder Stellen mit den erhobenen Daten umgehen und welche Techniken im Einsatz sind. Das bayerische Landesamt für Datenschutz hat dazu eine „<a href="https://www.lda.bayern.de/de/kleine-unternehmen.htm" target="_blank" rel="noreferrer noopener nofollow">Handreichung für kleine Unternehmen</a>“ ins Netz gestellt.</li><li><strong>Auftragsverarbeitung<br></strong>Bisher hieß es Auftragsdatenverarbeitung und war auch bereits eine Vorgabe des Bundes-Datenschutzgesetzes. Wer eine Webseite bei einem Provider hostet, muss mit ihm einen solchen Vertrag zur Auftragsverarbeitung abschließen. Bei den meisten Providern muss man derzeit aber ausdrücklich danach fragen. Auch für die Nutzung von Google-Diensten ist ein solcher Vertrag Pflicht.</li><li><strong>Und was ist mit WordPress?<br></strong>Das CMS selbst speichert Daten aus den Nutzerprofilen oder über die Kommentarfunktion. Auch das genutzte Theme könnte Daten speichern oder weiterleiten. Und wer Plugins nutzt für statistische Zwecke oder um die Installation abzusichern erhebt ebenfalls personenbezogene Daten. Die Website enthält ein Kontaktformular? Dann werden auch hier Daten erhoben. Bedenklich dabei sind alle Plugins oder Dienste, die von fremden Server kommen. Insbesondere wenn die Server in Ländern außerhalb der EU betrieben werden.<ul><li><strong>Statistik<br></strong>Tools von Automattic, Google-Analytics, Piwik etc.  <strong> </strong></li></ul><ul><li><strong>Schriften und Fonts<br></strong>Google-Fonts in Themes enthalten</li></ul><ul><li><strong>Kommentarfunktion<br></strong>Eintrag in die Datenbank etc.</li></ul><ul><li><strong>Sicherheit<br></strong>Spamabwehr, Firewall, Login-Beschränkung</li></ul><ul><li><strong>Cookies</strong></li></ul></li></ul>



<h2 class="wp-block-heading">Noch ein Hinweis</h2>



<p>Dann wollen wir mal loslegen und unsere und die Webseiten unserer Auftraggeber:innen möglichst wasserdicht machen. Dabei solltest du aber die Haftung nicht vergessen, denn Webworker haften für ihre Werke. Ich werde daher nur Empfehlungen aussprechen und lasse mir von meinen Kund:innen bestätigen, dass sie mich beauftragt haben, die von ihnen erstellten Inhalte der Datenschutzerklärung in ihre Website zu stellen.</p>



<p>Wie macht ihr das? Habt ihr schon Erfahrungswerte?</p>



<aside class="wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-409e7135 featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p><strong>Hinweis zu Cookie-Bannern:</strong></p><p>Nach Inkrafttreten des DSGVO-Gesetzes nutzten viele in ihren Webseiten Cookie-Banner, die auf die Verwendung von Cookies hinwiesen. <a href="https://rsw.beck.de/aktuell/daily/meldung/detail/eugh-keine-cookie-speicherung-ohne-aktive-einwilligung-des-internetnutzers" target="_blank" rel="noreferrer noopener nofollow">Im <strong>Oktober 2019</strong> entschied der Europäische Gerichtshofs (EuGH) , das solche Banner nicht mehr zulässig sind.</a> Damit wurden Zustimmungsmöglichkeiten Pflicht, die sich mit sog. Cookie-Consent-Bannern herstellen lassen. </p><p>Beim <a href="https://dusseldorf.wordcamp.org/2019/" target="_blank" rel="noreferrer noopener">WordCamp 2019 in Düsseldorf</a> habe ich dazu einen Talk behalten. Meine Präsentation findest du in meinem <a href="/archiv/">Archiv</a>. Eine Aufzeichnung gibt es im <a href="https://wordpress.tv/2019/11/30/renate-hermanns-cookie-consent-was-koennen-plugins-und-themes/" target="_blank" rel="noreferrer noopener">WordPress-TV</a>.</p></blockquote>
</div></aside>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/dsgvo-gesetz-die-neue-sau-im-globalen-dorf/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Akquise mit &#8222;M&#8220; wie Messe</title>
		<link>https://www.css-manufaktur.de/akquise-mit-m-wie-messe/</link>
					<comments>https://www.css-manufaktur.de/akquise-mit-m-wie-messe/#comments</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Tue, 26 Apr 2016 14:09:00 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Akquise]]></category>
		<category><![CDATA[Messe]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=1602</guid>

					<description><![CDATA[Schon wenn jemand &#8222;Kaltakquise&#8220; sagt, läuft mir ein kalter Schauer über den Rücken. Ich mag sie nicht und sie wird auch nie mein Mittel der Wahl für neue Kundenkontakte. Ich habe nunmal ein Problem damit, mir völlig unbekannte Menschen per Telefon zu belatschern. Am Akquise-Alphabet meiner Kollegin Heide Liebmann wollte ich mich aber dennoch beteiligen.]]></description>
										<content:encoded><![CDATA[<p><a href="https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw.jpg"><img loading="lazy" decoding="async" class="alignright wp-image-1629" src="https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw-300x204.jpg" alt="Einige Aspekte bei der Akquise - zusammengefaßt in einer Sketchnote." width="420" height="286" srcset="https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw-300x204.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw-768x522.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw-500x340.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw-180x122.jpg 180w, https://www.css-manufaktur.de/wp-content/uploads/2016/06/akquise-sketchnote_sw.jpg 800w" sizes="auto, (max-width: 420px) 100vw, 420px" /></a>Schon wenn jemand &#8222;Kaltakquise&#8220; sagt, läuft mir ein kalter Schauer über den Rücken. Ich mag sie nicht und sie wird auch nie mein Mittel der Wahl für neue Kundenkontakte. Ich habe nunmal ein Problem damit, mir völlig unbekannte Menschen per Telefon zu belatschern. Am <a href="http://www.heide-liebmann.de/blog/2016/01/die-laengste-blogparade-des-jahres-das-akquise-alphabet/">Akquise-Alphabet meiner Kollegin Heide Liebmann</a> wollte ich mich aber dennoch beteiligen. Schließlich gibt es ja nicht nur Kaltakquise sondern auch die Akquise auf Messen. Für mich ist es nämlich etwas völlig anderes, wenn mir ein möglicher Neukunde gegenübersteht und ich dessen Reaktion sehen kann. Eine Alternative, um qualifizierte Neukontakte zu generieren: Eine Fachmesse besuchen. Ich hatte schon immer ein Faible für den Messetrubel.</p>
<h2>Drehen wir den Spieß um &#8211; Aussteller als Zielgruppe</h2>
<p>Warum also nicht selbst aktiv werden und solche Gespräche für die eigene Akquise auf Messen nutzen? Die gesammelten Daten eignen sich durchaus als Grundlage für eine Neukundenaktion. Allerdings sollte man einen solchen, zielgerichteten Messebesuch gut vorbereiten.</p>
<h3>Die richtige Vorbereitung für die Akquise auf Messen:</h3>
<ul>
<li>Zunächst sollten die <strong>Branchen</strong>, die auf der Messe vertreten sind zu deinem Zielgruppenraster passen. Dann kennst du im besten Fall bereits die einschlägigen Fachbegriffe.</li>
<li>Das <strong>Ausstellerverzeichnis</strong> bietet Unterstützung wenn es darum geht, für dich interessante Firmen auszuwählen. Die wichtigsten Kontaktdaten zum Unternehmen sind dort zu finden. Wie das Unternehmen tatsächlich tickt, sagen diese Daten dir allerdings nicht.</li>
<li>Der <strong>Hallenplan</strong> hilft dir, deine Besuchsrunde von Halle zu Halle festzulegen. Dann läufst du dir nicht unnötig die Füße platt. Deine ToDo-Liste sollte auch nur so viele Kontaktwünsche enthalten, wie an einem Messetag bequem zu bewältigen sind.</li>
<li><strong>Visitenkarten und ggf. Flyer</strong> gehören unbedingt ins Gepäck. Meine Fragen notiere ich in Evernote ebenso wie die erhaltenen Infos. Ich nutze diese Anwendung sowohl auf meinem Handy als auch am heimischen Rechner. Meine Messeausbeute kann ich so später bequem auswerten.</li>
<li>Für die aussagekräftige Vorstellung deines Angebots bereitest du deinen <strong>Elevator-Pitch</strong> vor und bringst so deine Kernaussage auf den Punkt.</li>
</ul>
<h3>Gespräche auf der Messe</h3>
<p>Die Außendienstmitarbeiter einer Firma sind die häufigsten Ansprechpartner, die man am Messestand trifft. Da sie eigens für die Kontaktpflege vor Ort sind, haben sie meist Zeit für Gespräche. Mit deinen Fragen kommst du im besten Fall an Zusatzinformationen, denn im Plauderton erfährst du deutlich mehr als die üblichen Infos aus Website und Werbematerial. Zudem kannst du am Verhalten deiner Gesprächspartnerin oder deines Gesprächspartners deren Zufriedenheit und Motivation mit ihrem Unternehmen ablesen. Wer seinen Mitarbeitern Wertschätzung entgegenbringt, steht auf meiner Wunschkundenliste ganz oben.</p>
<p>Mein Business bringe ich dabei ganz nebenbei ins Spiel und frage nach dem geeigneten Ansprechpartner im Unternehmen. Damit habe ich einen Fuß in der Tür, ganz so als hätte ich angerufen.</p>
<h2>Fazit: Akquise auf Messen</h2>
<p>Zugegeben diese Methode ist aufwändiger als ein Erstkontakt per Telefon. Du kannst dir aber gleich eine kleine, feine Liste der für dich interessanten Unternehmen zusammenstellen. Bei nachfolgenden Akquise-Maßnahmen kannst du dich zudem besser auf das Gespräch mit dem genannten Ansprechpartner vorbereiten. Und da du dich auf das Messegespräch beziehen kann, nimmt dir das vermutlich deine Berührungsängste. Für mich ist Messe eher &#8222;Warm-Akquise&#8220;.</p>
<p>Ist das eigentlich nur mein Problem? Was meinst Du dazu?</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/akquise-mit-m-wie-messe/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Umzug auf HTTPS</title>
		<link>https://www.css-manufaktur.de/umzug-auf-https/</link>
					<comments>https://www.css-manufaktur.de/umzug-auf-https/#comments</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Fri, 12 Feb 2016 09:00:56 +0000</pubDate>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[Sicherheit]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[htaccess]]></category>
		<category><![CDATA[https]]></category>
		<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=1536</guid>

					<description><![CDATA[HTTPS &#8211; das nächste große Ding. Google will es und ich wollte es auch. Leider steckt Let&#8217;s Encrypt noch in der Public-Beta-Phase und du musst es selbst auf dem Server installieren – in einem normalen Hosting-Paket und mit mäßigen Apache-Kenntnissen ist das gar nicht so einfach. Also habe ich ein SSL-Zertifikat bei meinem Provider gekauft.]]></description>
										<content:encoded><![CDATA[
<p>HTTPS &#8211; das nächste große Ding. Google will es und ich wollte es auch. Leider steckt <a href="https://letsencrypt.org/" target="_blank" rel="noopener noreferrer">Let&#8217;s Encrypt</a> noch in der Public-Beta-Phase und du musst es selbst auf dem Server installieren – in einem normalen Hosting-Paket und mit mäßigen Apache-Kenntnissen ist das gar nicht so einfach. Also habe ich ein SSL-Zertifikat bei meinem Provider gekauft. Und damit habe ich den sprichwörtlichen Umzug auf HTTPS mit Pauken und Trompeten angestoßen.</p>



<div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="640" height="424" src="https://www.css-manufaktur.de/wp-content/uploads/2016/02/marching-band-30354_640.png" alt="Umzug mit Pauken und Trompeten" class="wp-image-1558" srcset="https://www.css-manufaktur.de/wp-content/uploads/2016/02/marching-band-30354_640.png 640w, https://www.css-manufaktur.de/wp-content/uploads/2016/02/marching-band-30354_640-300x199.png 300w, https://www.css-manufaktur.de/wp-content/uploads/2016/02/marching-band-30354_640-500x331.png 500w, https://www.css-manufaktur.de/wp-content/uploads/2016/02/marching-band-30354_640-180x119.png 180w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure></div>



<h2 class="wp-block-heading" id="umstellung-in-wordpress">Umzug auf HTTPS in WordPress</h2>



<p>WordPress umzustellen ist vergleichsweise trivial: In den Einstellungen die Domain ändern und dann in der Datenbank per <em>SQL-Statement</em> die Links umschreiben. Fertig!</p>



<pre class="wp-block-code"><code>UPDATE wp_posts SET guid = replace(guid, 'http://www.ihredomain.de','https://www.ihredomain.de');

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.ihredomain.de', 'https://www.ihredomain.de');

UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://www.ihredomain.de','https://www.ihredomain.de');</code></pre>



<p>Fertig? Leider nicht, denn jetzt geht die Arbeit erst richtig los: Es wurden beim Umzug auf HTTPS nicht alle Links erfasst und das bedeutete, dass ich die Stellen ausfindig machen musste, an denen noch http-Links stehen. Das konnten beispielsweise Einträge in einem Text-Widget, der Pfad zu Logo und Favicon oder von Plugins gesetzte URLs sein. Puh, diese Suche konnte langwierig werden – und wurde es auch.</p>



<p>Für die Anzeige des grünes Schlosses darf es keine Vermischung von verschlüsselten und unverschlüsselten Inhalten geben. Bisher gab es lediglich ein graues Schloss mit einem Warndreieck, was sehr ungünstig ist. Moderne Browser weisen den Besucher einer Webseite ausdrücklich darauf hin, dass hier unter dem Label einer verschlüsselten Seite auch unverschlüsselte Inhalte zu finden sind. Das wirkt eher abschreckend als vertrauenserweckend.</p>



<h2 class="wp-block-heading" id="vg-wort-zahlpixel">VG-Wort Zählpixel</h2>



<p>Beim Umzug auf HTTPS habe ich mir in der Website einer Netzwerkkollegin einen Wolf gesucht. Sie verwendet nämlich den von der VG-Wort zur Verfügung gestellten Zählpixel – ein 1×1 Pixel großes Bild (img), dessen Pfad normalerweise mit <em>http</em> ausgezeichnet ist. Das winzige Element zeigte sich erst nach ausgiebiger Inspektion des Quellcodes. Es gibt aber auch einen verschlüsselten Server bei der VG-Wort: Der Domain-Pfad vor der Zähl-ID muss dann zwingend <em>https://ssl-vg03.met.vgwort.de/na/</em> lauten. Im Blog von <a href="https://www.weihmann.de/blog/vg-wort-ssl/" target="_blank" rel="noopener noreferrer">Daniel Weihmann</a> habe ich eine hilfreiche Anleitung dazu gefunden.</p>



<div class="wp-block-image wp-image-1541 size-full"><figure class="alignleft"><img loading="lazy" decoding="async" width="300" height="40" src="https://www.css-manufaktur.de/wp-content/uploads/2016/02/https-schloss.jpg" alt="Das grüne Schloß als Kennzeichnung für verschlüsselte Datenübertragung" class="wp-image-1541"/><figcaption>Endlich das grüne Schloss. Hurra!</figcaption></figure></div>



<p>So aufgeschlaut stellte ich dann fest, dass in dem von mir irgendwann mal eingerichteten Plugin <a href="https://wordpress.org/plugins/wp-vgwort/">Prosodia VGW</a> eine Einstellung existiert, mit der ich auf den oben genannten https-Server umstellen konnte. Diese Aktion erfasst dann gleich alle genutzten Zählpixel und stellt den Pfad um – sehr hilfreich!<br>Und jetzt war es endlich geschafft, das Schloss war grün.</p>



<h2 class="wp-block-heading" id="301-redirect-fur-google-co">301-Redirect für Google &amp; Co.</h2>



<p>Um Suchmaschinen von der Umstellung zu informieren, empfiehlt sich dann noch den 301-Redirect (dauerhaft umgezogen) in die .htaccess-Datei zu schreiben. Den passenden Codeschnipsel und weitere nützliche Informationen zum Thema fand ich in einem Artikel bei <a href="https://www.ambranet.de/blogpost/mit-ssl-auf-der-sicheren-seite-website-umstellen-auf-https.html" target="_blank" rel="noopener noreferrer">ambranet.de</a>. Wer die Webmastertools von Google nutzt, sollte nun auch zwei Einträge mit <em>https</em> hinzufügen – einen mit einen ohne <em>www</em>. Der Verifizierungscode wird dabei automatisch erkannt. Die XML-Sitemap sollte man aktualisieren und dann in die neuen Einträge hochladen. Und dann heißt es nur noch auf die Indizierung warten!<br>Für Google-Analytics muss die geänderte Domain ebenfalls eingetragen werden. Im Fall einer Komplettumstellung ist das sehr einfach, in den Einstellungen muss nur die Standard-URL umgestellt werden. Alles super, oder?</p>



<h2 class="wp-block-heading" id="keine-facebook-likes-mehr">Keine Facebook-Likes mehr nach dem Umzug auf HTTPS</h2>



<p>Leider nicht! Facebook fand die Umstellungsaktion gar nicht lustig, alle Likes waren futsch, die Arbeit von Jahren hin. Für meine Kollegin eine Katastrophe. <em>HTTP</em> ist nämlich <strong>nicht gleich</strong> <em>HTTPS</em>. Diese URLs werden wie unterschiedliche Domains betrachtet.</p>



<p>Im Web habe ich dazu leider nicht viel gefunden – und in dem wenigen gingen die Meinungen auch noch auseinander, ob Facebook Likes und Shares überträgt oder nicht. Erst mal waren sie definitiv nicht mehr da. Ein 301-Redirect ist dafür auch nicht die Lösung. Facebook transferiert Likes nur auf die neue Seite, wenn die alte noch erreichbar ist. Der empfohlene Redirect verhindert aber deren Erreichbarkeit.<br>Nach längerer Suche fand ich im <a href="http://stackoverflow.com/questions/33486548/create-301-redirect-that-excludes-facebook" target="_blank" rel="noopener noreferrer">Forum von Stackoverflow</a> doch eine Lösung: Ein zusätzlicher Eintrag in der <em>.htaccess</em> nimmt den <em>Facebot</em> von der Umleitung aus. Der Eintrag sieht dann wie folgt aus:</p>



<pre class="wp-block-code"><code>RewriteCond %{HTTPS} off
RewriteCond %{HTTP_USER_AGENT} !(Facebot|facebookexternalhit/1.1) &#91;NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} &#91;L,R=301]
RewriteCond %{HTTP_HOST} !^www\.
RewriteCond %{HTTP_USER_AGENT} !(Facebot|facebookexternalhit/1.1) &#91;NC]
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} &#91;L,R=301]</code></pre>



<h2 class="wp-block-heading">Open Graph-Angaben anpassen</h2>



<p>Das ist leider noch nicht alles: Denn Facebook benötigt auch noch die Angabe der alten URL in den Open Graph-Angaben. Da SEO-Plugins diese Angaben automatisch aus der für WordPress eingetragenen Domain generieren, muss per Hand die og:url im Meta-Tag mit <em>http</em> angegeben werden. Damit der Eintrag jeweils automatisch den Deep-Link berücksichtigt, muss das in der <em>header.php</em> von WordPress entsprechend angegeben werden. </p>



<p><strong>Obacht:</strong> Mit <em>the_permalink()</em> kommt man hier nicht zum Ziel, denn damit würde die komplette neue URL, also die mit <em>https</em> ausgegeben. Der Server-Request dagegen fragt nur den Teil ab, der hinter dem Domainnamen steht.</p>



<pre class="wp-block-code"><code>&lt;meta property="og:url" content="http://www.ihredomain.de&lt;?php echo $_SERVER&#91;'REQUEST_URI']; ?&gt;" /&gt;</code></pre>



<p>Ein Blick in den <a href="https://developers.facebook.com/tools/debug/" target="_blank" rel="noopener noreferrer">Facebook-Debugger</a> zeigte jetzt: Alles im grünen Bereich. Die übrigen Angaben für Open Graph müssen nun allerdings ebenfalls händisch gesetzt werden, denn die Nutzung eines SEO-Plugins für die Social Meta-Angaben ist ja nicht möglich.<br><strong>Wichtig:</strong> Sollen die Einträge dynamisch sein, muss man sie mit den Mitteln von WordPress erstellen – was nicht gerade trivial ist, wenn man sich nicht mit <em>Filtern</em> und <em>Hooks </em>auskennt. Die Beschreibung der Vorgehensweise wäre dann schon wieder ein eigener Beitrag.</p>



<p>Puh, jetzt läuft erst mal alles. Aber vielleicht habt ihr Verbesserungsvorschläge oder weiterführende Hinweise? Dann freue ich mich auf einen Kommentar :-).</p>



<p><em>Bildquelle: Pixabay</em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/umzug-auf-https/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
			</item>
		<item>
		<title>Konzeption und Projektplanung</title>
		<link>https://www.css-manufaktur.de/konzeption-und-projektplanung/</link>
					<comments>https://www.css-manufaktur.de/konzeption-und-projektplanung/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Sat, 12 Dec 2015 14:00:00 +0000</pubDate>
				<category><![CDATA[Konzeption]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=4075</guid>

					<description><![CDATA[Für den diesjährigen Webkrauts-Adventskalender habe ich ein Thema gewählt, das mir sehr am Herzen liegt. Konzeption und Projektplanung sind nach meiner Erfahrung die wichtigsten Voraussetzungen für eine erfolgreiche Website. Unternehmensziele klar benennen, die Zielgruppe kennen und das eigene Angebot darauf ausrichten sind die wichtigsten Bausteine bei der Planung und Realisierung einer Website. Und das gilt]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image alignright size-full"><img loading="lazy" decoding="async" width="480" height="360" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/konzeption.jpg" alt="Planungskizze - Foto von Jeffrey Betts, CC0-Lizenz, via stocksnap.io/photo/HN6OJPDCXD" class="wp-image-4077" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/konzeption.jpg 480w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/konzeption-300x225.jpg 300w" sizes="auto, (max-width: 480px) 100vw, 480px" /></figure>



<p>Für den diesjährigen Webkrauts-Adventskalender habe ich ein Thema gewählt, das mir sehr am Herzen liegt. <a href="http://webkrauts.de/artikel/2015/erfolgreiche-websites-mit-plan" target="_blank" rel="noreferrer noopener">Konzeption und Projektplanung</a> sind nach meiner Erfahrung die wichtigsten Voraussetzungen für eine erfolgreiche Website. Unternehmensziele klar benennen, die Zielgruppe kennen und das eigene Angebot darauf ausrichten sind die wichtigsten Bausteine bei der Planung und Realisierung einer Website. Und das gilt auch für kleine und mittlere Projekte. </p>



<p>Mit meiner Kollegin und Partnerin, <a href="https://www.christagoede.de/" target="_blank" rel="noreferrer noopener">Christa Goede</a>, habe ich bereits mehrere Projekte auf dieser Basis erfolgreich umgesetzt. Unsere Kundinnen und Auftraggeber waren immer äußerst zufrieden mit ihrem neuem Webauftritt, der genau auf sie und ihr Unternehmen zugeschnitten wurde. Für Christa ist die genaue Planung eines Webprojektes ebenso wichtig wie für mich. Sie hat mich daher bei meinem Beitrag gern unterstützt.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/konzeption-und-projektplanung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Facebook-Profil mit Fanpage verknüpfen</title>
		<link>https://www.css-manufaktur.de/facebook-profil-mit-fanpage-verknuepfen/</link>
					<comments>https://www.css-manufaktur.de/facebook-profil-mit-fanpage-verknuepfen/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Mon, 25 Aug 2014 10:45:49 +0000</pubDate>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Fanpage]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=1419</guid>

					<description><![CDATA[Möglich dass ich etwas übersehen hatte, als ich neulich meine Facebook-Seite erstellte. Jedenfalls ließ sie sich nicht über die Einstellungen mit meinem Profil verknüpfen. Nachdem ich alle Möglichkeiten sowohl im Profil als auch in der Seite überprüft hatte, habe ich mal Tante Google bemüht. Offenbar stehe ich mit der fehlenden Option zur Verknüpfung nicht allein,]]></description>
										<content:encoded><![CDATA[<p>Möglich dass ich etwas übersehen hatte, als ich neulich meine Facebook-Seite erstellte. Jedenfalls ließ sie sich nicht über die Einstellungen mit meinem Profil verknüpfen. Nachdem ich alle Möglichkeiten sowohl im Profil als auch in der Seite überprüft hatte, habe ich mal Tante Google bemüht. Offenbar stehe ich mit der fehlenden Option zur Verknüpfung nicht allein, denn bei <a title="Beitrag zur Verknüpfung von Facebook-Fanpage mit dem Profil" href="http://www.treefish.de/blog/wie-man-bei-facebook-seinen-arbeitgeber-richtig-verlinkt" target="_blank" rel="noopener">www.treefish.de</a> fand ich eine ausführlich erklärte Lösung.</p>
<p><img loading="lazy" decoding="async" class="alignleft wp-image-1534 size-full" src="https://www.css-manufaktur.de/wp-content/uploads/2016/02/verknuepfung.jpg" alt="Verknüpfung von FB-Profil mit FB-Seite" width="650" height="450" srcset="https://www.css-manufaktur.de/wp-content/uploads/2016/02/verknuepfung.jpg 650w, https://www.css-manufaktur.de/wp-content/uploads/2016/02/verknuepfung-300x208.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2016/02/verknuepfung-500x346.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2016/02/verknuepfung-180x125.jpg 180w" sizes="auto, (max-width: 650px) 100vw, 650px" /></p>
<p>Allerdings darf man keine Angst vor Quellcode haben, denn der wird ein wenig manipuliert. Wer ein Tool wie Firebug nicht im Browser installiert hat, kann auch die Entwickler-Tools von Chrome nutzen. Und keine Angst, es ist wirklich nur eine kleine Änderung, aber die funktioniert. Schöner wäre, Facebook böte eine passende Lösung über die Einstellungen.</p>
<p>Habt ihr eine bessere Lösung? Dann immer her damit :-).</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/facebook-profil-mit-fanpage-verknuepfen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Die Kunst der Fuge und was das mit meinem Lieblingsjob zu tun hat.</title>
		<link>https://www.css-manufaktur.de/die-kunst-der-fuge-und-was-das-mit-meinem-lieblingsjob-zu-tun-hat/</link>
					<comments>https://www.css-manufaktur.de/die-kunst-der-fuge-und-was-das-mit-meinem-lieblingsjob-zu-tun-hat/#comments</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Thu, 31 Jul 2014 19:14:12 +0000</pubDate>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[Kreativität]]></category>
		<category><![CDATA[Lieblingsjob]]></category>
		<category><![CDATA[Webentwicklung]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=1392</guid>

					<description><![CDATA[Nein, über Musik schreibe ich hier nicht. Aber wenn ich mal wieder ein neues Template erstelle, fällt mir immer Bach ein und wie er mit Tönen umging. In meinem Lieblingsjob als Webentwicklerin nutze ich natürlich keine Töne sondern Quellcode (manchmal durchaus Quälcode). Aber auch hier wird meine Kreativität stark beschränkt durch die vorhandenen Rahmenbedingen: Warum]]></description>
										<content:encoded><![CDATA[
<p>Nein, über Musik schreibe ich hier nicht. Aber wenn ich mal wieder ein neues Template erstelle, fällt mir immer Bach ein und wie er mit Tönen umging. In meinem Lieblingsjob als Webentwicklerin nutze ich natürlich keine Töne sondern Quellcode (manchmal durchaus Quälcode). Aber auch hier wird meine Kreativität stark beschränkt durch die vorhandenen Rahmenbedingen:</p>



<figure class="wp-block-image alignright size-full is-resized"><img loading="lazy" decoding="async" src="https://www.css-manufaktur.de/wp-content/uploads/2014/07/music-115857_640.jpg" alt="Kreativität in der Beschränkung: Mein Lieblingsjob und die Gemeinsamkeit mit der Kunst der Fuge. 
Das Bild zeigt Noten und Notenlinien auf blauem Grund - kreativ gestaltet." class="wp-image-1403" width="480" height="339" srcset="https://www.css-manufaktur.de/wp-content/uploads/2014/07/music-115857_640.jpg 640w, https://www.css-manufaktur.de/wp-content/uploads/2014/07/music-115857_640-300x212.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2014/07/music-115857_640-500x353.jpg 500w" sizes="auto, (max-width: 480px) 100vw, 480px" /><figcaption class="wp-element-caption"><em>Kreativität in der Beschränkung: Das ist die Gemeinsamkeit mit der Kunst der Fuge.</em></figcaption></figure>



<ul class="wp-block-list">
<li>zickige Browser, die nicht so wollen wie ich will,</li>



<li>Webstandards, die ich möglichst einhalten will/sollte,</li>



<li>einfache Nutzbarkeit auf Seiten der User</li>



<li>und natürlich die Vorgaben eines Kundendesigns, das sich vor allem an der Optik orientiert.</li>
</ul>



<p>Warum ich das liebe? Es ist die tollste Herausforderung in meinem Berufsleben. Das ist mir so richtig bewusst geworden als <a title="Webseite von Annette Lindstädt" href="http://www.worthauerei.de" target="_blank" rel="noopener">Annette Lindstädt</a> zu ihrer <a title="Blogparade: Lieblingsjob" href="http://www.worthauerei.de/2014/06/blogparade-lieblingsjobs/" target="_blank" rel="noopener">Blogparade</a> aufgerufen hat. Spät dran bin ich, denn die Worte fließen mir nicht so einfach aus der Feder. Ganz anders, wenn ich komplexe Layouts für die verschiedenen Browser in möglichst einfachen <abbr title="Cascading Style Sheet = Stilsprache für die Layout-Auszeichnung von Webseiten">CSS</abbr>-Code umsetze.</p>



<h2 class="wp-block-heading">Was ist so toll an diesem Fummelskram?</h2>



<p>Ich bin halt stur und gebe mich nicht mit dem einfachen Quadratisch-Praktisch-Gut-Layout zufrieden. Ich reize gern alle Möglichkeiten aus, die diese Stilsprache mir bietet. Rahmen sprengen oder Grenzen überschreiten ist meine Hauptmotivatation dabei. Auch wenn ich selten Neues erfinde &#8211; denn es gibt viele mit der gleichen Profession &#8211; macht es mir großen Spaß, die vielfältigen verfügbaren Beispiele für meine spezielle Aufgabenstellung umzustricken, anzupassen und im besten Fall zu vereinfachen.</p>



<h2 class="wp-block-heading">Langeweile? nö</h2>



<p>Die Herausforderungen sind dabei so vielfältig, dass mir bisher nie langweilig wurde. Jedes Layout hat neue Feinheiten, die mich ganz fordern und meine Kreativität zu Höchstleistungen treiben. <strong>Kreativität in der Beschränkung: Das ist die Gemeinsamkeit mit der Kunst der Fuge.</strong> So meisterlich wie Bach bin ich dabei nicht, das maße ich mir nicht an. Aber das Ergebnis kann sich immer sehen lassen. Es freut zunächst meine Kunden, deren Layout ich möglichst genau umsetze. Es freut aber auch mich, wenn nach langem Tüfteln in allen wichtigen Browsern meine Umsetzung so funktioniert, dass</p>



<ul class="wp-block-list">
<li>die Optik stimmt</li>



<li>und die Usability nicht auf der Strecke bleibt.</li>
</ul>



<p>Das meiste spielt sich &#8222;unter der Haube&#8220; ab. Aber genau das fasziniert mich! Eine Webseite, die schön aussieht und zwar auf vielen Plattformen. Große Bildschirme sollen ebenso davon profitieren wie hochauflösende Tablet-Screens und nicht zuletzt sollen auch Smartphone-Nutzer eine ansprechende Präsentation der Inhalte genießen dürfen.</p>



<h2 class="wp-block-heading">Weniger ist mehr</h2>



<p>Das alles sehen die Nutzer nicht auf den ersten Blick. Es ist aber zu spüren, wenn Webinhalte sowohl am Schreibtisch als auch unterwegs auf dem Phone lesbar und nutzbar sind. Dann bin ich zufrieden mit meiner Arbeit. Und besonders stolz bin ich, wenn ich selbst aufwändige Stilangaben im CSS-Code auf ein Minimum reduzieren konnte.</p>



<h2 class="wp-block-heading">Echter Lieblingsjob</h2>



<p>Ja, ich liebe diesen meinen Lieblingsjob. Denn er fordert von mir alle Talente, die ich habe:</p>



<ul class="wp-block-list">
<li>Kreativität,</li>



<li>Detailverliebheit,</li>



<li>ein waches Auge,</li>



<li>den ordnenden Geist,</li>



<li>und vor allem das Interesse an immer neuen und gerne verrückten Lösungen.</li>
</ul>



<p>Kein anderer Job konnte das in meinem vorherigen Berufsleben so gut erfüllen. Ich bin mir ganz sicher: Mit diesem Job gehe ich in Rente :-).</p>



<p><em><small>Bildquelle: <a title="Link zum Bildarchiv" href="http://pixabay.com/" target="_blank" rel="noopener">pixabay</a></small></em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/die-kunst-der-fuge-und-was-das-mit-meinem-lieblingsjob-zu-tun-hat/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Oh Schreck! Da war die Seite weg.</title>
		<link>https://www.css-manufaktur.de/oh-schreck-da-war-die-seite-weg/</link>
					<comments>https://www.css-manufaktur.de/oh-schreck-da-war-die-seite-weg/#comments</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Tue, 29 Jul 2014 13:40:57 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[Update]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=1378</guid>

					<description><![CDATA[Nach dem jüngsten Update des WordPress-Plugins &#8222;Google Analytics Dashboard&#8220; prangte auf meiner Homepage nur noch der Satz &#8222;Please open this page in the Admin panel only&#8220;. Alles andere war weiß und die Inhalte futsch. Nach der ersten Schnappatmung habe ich die Suchfunktion bemüht und bin auch fündig geworden. Und jetzt? In der Datei &#8222;gad-admin-options.php&#8220; im]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="aligncenter wp-image-1385" src="https://www.css-manufaktur.de/wp-content/uploads/2014/07/whitescreen_201407.jpg" alt="Horrorvorstellung: der Bildschirm bleibt weiß." width="469" height="252" srcset="https://www.css-manufaktur.de/wp-content/uploads/2014/07/whitescreen_201407.jpg 600w, https://www.css-manufaktur.de/wp-content/uploads/2014/07/whitescreen_201407-300x162.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2014/07/whitescreen_201407-500x269.jpg 500w" sizes="auto, (max-width: 469px) 100vw, 469px" />Nach dem jüngsten Update des WordPress-Plugins &#8222;<a title="Plugin im WordPress Repository" href="https://wordpress.org/plugins/google-analytics-dashboard/">Google Analytics Dashboard</a>&#8220; prangte auf meiner Homepage nur noch der Satz <strong>&#8222;Please open this page in the Admin panel only&#8220;</strong>. Alles andere war weiß und die Inhalte futsch. Nach der ersten Schnappatmung habe ich die Suchfunktion bemüht und <a title="Hilfe bei Problemen mit dem Plugin 'Google Analytics Dashboard'" href="http://wordpress.org/support/topic/upgraded-site-dies-with-message-please-open-this-page-in-the-admin-panel-only">bin auch fündig geworden</a>.</p>
<h2>Und jetzt?</h2>
<p>In der Datei &#8222;<code>gad-admin-options.php</code>&#8220; im Verzeichnis des Plugins findet sich ab Zeile 33 folgender Code:</p>
<pre><code> if( !is_admin() ){
     die( "Please open this page in the Admin panel only." );
 }</code></pre>
<p>Mit &#8222;<code>die</code>&#8220; steigt das Plugin aus, der Rest wird nicht mehr ausgeführt. Das betrifft dann aber leider nicht nur das Plugin, denn die so genutzte Funktion &#8222;<code>is_admin()</code>&#8220; legt die Frontansicht komplett lahm.</p>
<p>Die einfachste Lösung, die ich im Forum fand: Die Zeile mit &#8222;<code>die</code>&#8220; einfach auskommentieren (mit &#8222;//&#8220;). Habe ich gemacht und die Webseite war wieder da. So weit, so gut. Ich würde mich allerdings freuen, wenn die Macher für das Plugin bald einen Fix herausbringen. Nicht jeder Nutzer hantiert gern im Quellcode seiner Plugins und empfehlen kann man diese Vorgehensweise ohnehin nicht.</p>
<h3>Nachtrag am 30.7.2014:</h3>
<p>Heute gab es ein <a title="Link zum WordPress-Repository für dieses Plugin" href="https://wordpress.org/plugins/google-analytics-dashboard/" target="_blank" rel="noopener">Update auf Version 2.1.1</a>. Leider steht nichts dazu im Changelog. Ach ja: So funktioniert alles wieder :-).</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/oh-schreck-da-war-die-seite-weg/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>
