<?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>Website erstellen &#8211; Anita Schwarz</title>
	<atom:link href="https://anitaschwarz.com/website-erstellen/feed/" rel="self" type="application/rss+xml" />
	<link>https://anitaschwarz.com</link>
	<description>Website-Begleiterin für Solo-Selbstständige</description>
	<lastBuildDate>Fri, 03 Jul 2026 08:38:09 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.1</generator>

<image>
	<url>https://anitaschwarz.com/wp-content/uploads/2022/10/cropped-Wave-Kreis-Youtube-32x32.png</url>
	<title>Website erstellen &#8211; Anita Schwarz</title>
	<link>https://anitaschwarz.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Der Widerrufsbutton kommt: Was du bis zum 19. Juni 2026 auf deiner WordPress-Website umsetzen musst</title>
		<link>https://anitaschwarz.com/widerrufsbutton/</link>
					<comments>https://anitaschwarz.com/widerrufsbutton/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 01 Jun 2026 04:00:00 +0000</pubDate>
				<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website optimieren]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=21357</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Ab dem 19. Juni 2026 gibt es eine neue gesetzliche Pflicht für alle, die online Verträge mit Privatpersonen abschließen. Der sogenannte Widerrufsbutton muss auf deiner Website eingerichtet sein.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Pflicht-Online-Vertraege-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/b8c84ea4e1cd48b58f461911012b634f" width="1" height="1" alt="">



<p class="wp-block-paragraph">Vielleicht hast du schon davon gehört: <strong>Ab dem 19. Juni 2026 gibt es eine neue gesetzliche Pflicht für alle, die online Verträge mit Privatpersonen abschließen.</strong></p>



<p class="wp-block-paragraph">Der sogenannte Widerrufsbutton muss auf deiner Website eingerichtet sein. <strong>Egal, ob du Mitgliedschaften, Online-Kurse, Dienstleistungen oder andere Produkte an sie verkaufst.</strong></p>



<p class="wp-block-paragraph">Das klingt nach mehr Aufwand, als es ist. In diesem Beitrag erfährst du, was genau du umzusetzen musst und wie du das als WordPress-Nutzerin selbst erledigen kannst.</p>



<p class="wp-block-paragraph"><em>Hinweis: <strong>Ich bin keine Rechtsanwältin. </strong>Dieser Beitrag erklärt die technische Umsetzung und fasst die wichtigsten rechtlichen Grundlagen verständlich zusammen. Für eine rechtssichere Einschätzung deiner individuellen Situation empfehle ich dir, eine Rechtsberatung hinzuzuziehen.</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="4386" class="elementor elementor-4386" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-175e8af e-flex e-con-boxed e-con e-parent" data-id="175e8af" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58af7e9 elementor-widget elementor-widget-text-editor" data-id="58af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><em>Dieser Beitrag enthält Werbelinks von Anbietern, die ich selbst gerne nutze. Diese sind mit einem * markiert. Wenn du über einen solchen Link kaufst, erhalte ich eine kleine Provision. Für dich entstehen dabei keine Mehrkosten. Wo, wann und wie du ein Produkt kaufst, bleibt natürlich dir überlassen.</em></p>								</div>
					</div>
				</div>
				</div>
		


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="bevor-du-startest-bist-du-uberhaupt-betroffen">Bevor du startest: Bist du überhaupt betroffen?</h2>



<p class="wp-block-paragraph">Die neue Pflicht gilt für dich, wenn du <strong>online Verträge mit Privatpersonen</strong> abschließt, bei denen ein gesetzliches Widerrufsrecht besteht. Diese Pflicht gilt auch für Kleinunternehmer*innen.</p>



<p class="wp-block-paragraph">Das trifft zum Beispiel zu, wenn du über deine Website oder über externe Plattformen verkaufst:</p>



<ul class="wp-block-list">
<li>Dienstleistungen (Coaching, Beratung, Support, …)</li>



<li>Online-Kurse</li>



<li>digitale Produkte</li>



<li>physische Produkte</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Es geht ausschließlich um den Verkauf an Privatpersonen (B2C).</strong> Wer nur an Unternehmen (B2B) verkauft, ist nicht betroffen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Du bist übrigens auch dann betroffen, wenn Kund*innen ausdrücklich zustimmen, dass sie auf ihr Widerrufsrecht verzichten.</strong> Zum Beispiel, weil die Leistung sofort beginnt oder weil du individuell angefertigte oder personalisierte Produkte verkaufst.</p>



<p class="wp-block-paragraph">Denn die Pflicht, einen Widerrufsbutton bereitzustellen, knüpft daran an, ob für deinen Vertragstyp grundsätzlich ein Widerrufsrecht besteht und nicht daran, ob es im konkreten Fall bereits erloschen ist. Der Button muss also trotzdem zur Verfügung gestellt werden. <strong>Ob ein eingehender Widerruf dann tatsächlich wirksam ist, prüfst du nach Eingang eines Widerrufs selbst.</strong></p>



<p class="wp-block-paragraph">Wenn du ausschließlich über einen <strong>Zahlungsanbieter wie Ablefy als Reseller</strong> verkaufst, ist dieser dazu verpflichtet, einen entsprechenden Widerrufsbutton bereitzustellen. Ich empfehle dir trotzdem, dass du das nochmal überprüfst, vor allem, dass dieser auch ohne Login für deine Kund*innen erreichbar ist.</p>



<p class="wp-block-paragraph"><a href="https://support.ablefy.io/seller/s/article/Widerrufsbutton?language=de" target="_blank" rel="noreferrer noopener">Infos zum Widerrufsbutton bei Ablefy</a></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Wenn du dir nicht sicher bist, lass es lieber prüfen.</strong> In Österreich ist hier ein Anruf bei der Wirtschaftskammer auch immer ein guter Tipp.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-ist-der-widerrufsbutton-uberhaupt">Was ist der Widerrufsbutton überhaupt?</h2>



<p class="wp-block-paragraph">Der Widerrufsbutton ist eine Schaltfläche auf deiner Website, über die Kund*innen ihren <strong>Vertrag mit wenigen Klicks online widerrufen</strong> können. Die Idee dahinter: Einen Vertrag abschließen geht online in Sekunden. Den Widerruf soll man genauso einfach erklären können.</p>



<p class="wp-block-paragraph">Bisher mussten Kund*innen dafür oft eine E-Mail schreiben oder ein Formular ausdrucken und per Post schicken. Das ändert sich jetzt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="der-widerrufsbutton-ersetzt-den-klassischen-widerrufsweg-per-e-mail-oder-post-nicht">Der Widerrufsbutton ersetzt den klassischen Widerrufsweg per E-Mail oder Post nicht.</h3>



<p class="wp-block-paragraph">Er kommt als zusätzliche Option dazu.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-genau-muss-umgesetzt-werden">Was genau musst du machen?</h2>



<p class="wp-block-paragraph">Der Widerrufsbutton ist mehr als nur ein Button. Hinter ihm steckt ein <strong>kleiner Prozess, der bestimmten Anforderungen entsprechen muss</strong>.</p>



<p class="wp-block-paragraph">Ich zeige dir, wie du das <strong>mit einem Elementor-Formular</strong> umsetzt, ohne Abhängigkeit von deinem Verkaufssystem. Als <a href="https://anitaschwarz.com/website-hafen/">Mitglied im Website-Hafen</a> bekommst du übrigens eine Elementor-Vorlage, die dir bei der Umsetzung viel Zeit spart, weil du im Formular nur noch Kleinigkeiten anpassen musst.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-1-erstelle-eine-neue-seite-fur-dein-formular">Schritt 1: Erstelle eine neue Seite für dein Formular</h3>



<p class="wp-block-paragraph">Gehe in deinem WordPress-Backend zu <strong>Seiten &gt;&gt; Seite hinzufügen</strong> und gib der Seite einen Titel &#8211; z.B. „Vertrag widerrufen&#8220; oder &#8222;Widerruf erklären&#8220;.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-2-fuge-auf-der-seite-ein-formular-ein">Schritt 2: Füge auf der Seite ein Formular ein</h3>



<p class="wp-block-paragraph">Öffne die Seite mit dem Elementor-Editor und <strong>füge das Formular-Widget ein</strong>. Das Formular-Widget ist Teil von <a href="https://anitaschwarz.com/tools-elementor/" target="_blank" rel="noreferrer noopener sponsored">Elementor Pro</a>*. Falls du die kostenlose Elementor-Version oder einen anderen Pagebuilder nutzt, kannst du auch ein anderes Formular-Plugin, wie z.B. Contact Form 7 verwenden.</p>



<p class="wp-block-paragraph"><strong>Hier erkläre ich den Vorgang mit Elementor Pro:</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ol class="wp-block-list">
<li><strong>Vergib einen neuen Namen für dein Formular.<br></strong>Das erleichtert dir die Zuordnung, wenn du auf deiner Website mehrere Kontakt-Formulare im Einsatz hast.</li>
</ol>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ol start="2" class="wp-block-list">
<li><strong>Richte im Formular folgende Felder ein:</strong><br><em>Reiter: Formularfelder<br></em>
<ul class="wp-block-list">
<li><strong>Name</strong><br>Typ: Text<br>Pflichtfeld: Ja<br></li>



<li><strong>Vertragsidentifikation</strong> (z. B. Produktname oder Bestellnummer)<br>Typ: Text<br>Pflichtfeld: Ja<br></li>



<li><strong>E-Mail-Adresse<br></strong>Typ: E-Mail<br>Pflichtfeld: Ja<br></li>



<li><strong>Widerrufsgrund (optional)</strong><br>Typ: Textbereich<br>Pflichtfeld: Nein &gt;&gt; <strong>Dieses Feld darf kein Pflichtfeld sein!</strong></li>
</ul>
</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="398" height="767" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Felder.jpg" alt="Screenshot der FormularFelder meines Widerrufs-Formulars in Elementor. Mit den Feldern Name, Vertragsidentifikation, E-Mail und Widerrufsgrund." class="wp-image-21361" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Felder.jpg 398w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Felder-156x300.jpg 156w" sizes="(max-width: 398px) 100vw, 398px" /></figure>
</div>
</div>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ol start="3" class="wp-block-list">
<li>Beschrifte den Absende-Button mit: <strong>„Widerruf bestätigen&#8220;</strong><br><em>Reiter: Buttons</em></li>
</ol>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img decoding="async" width="391" height="399" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Button.jpg" alt="Screenshot der Einstellungen im Elementor-Formular für den Absenden-Button." class="wp-image-21362" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Button.jpg 391w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Button-294x300.jpg 294w" sizes="(max-width: 391px) 100vw, 391px" /></figure>
</div>
</div>


		<div data-elementor-type="container" data-elementor-id="21589" class="elementor elementor-21589" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-6f4ab938 e-flex e-con-boxed e-con e-parent" data-id="6f4ab938" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-60bd12e7 e-con-full blur-overlay e-flex e-con e-child" data-id="60bd12e7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-34678318 elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="34678318" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Kompass</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-52712fbc elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="52712fbc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Die Anleitung ist gut, aber das Umsetzen dauert dir zu lange?</div>				</div>
				<div class="elementor-element elementor-element-7c64aff1 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="7c64aff1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Im Website-Kompass bekommst du eine <strong>Elementor-Vorlage zum Kopieren</strong>. Ich zeige dir in einem Video ganz genau, was du anpassen musst, um den Widerrufs-Button auf deiner Website zu integrieren.</p>
<p>Außerdem bekommst du <strong>wöchentliche WordPress- &amp; Elementor-Impulse</strong> und <strong>wichtige Sicherheits-Infos. </strong>Denn das Wichtigste für deine Website ist nicht, dass du sie einmal perfekt erstellst, sondern dass du dran bleibst und sie aktuell hältst.</p>								</div>
				<div class="elementor-element elementor-element-5414d612 elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="5414d612" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://anitaschwarz.com/checkout-website-kompass/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">zum Website-Kompass</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-3588573 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="3588573" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Mindestlaufzeit 3 Monate, danach monatlich kündbar.</p>								</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-3-automatische-eingangsbestatigung-einrichten">Schritt 3: Automatische Eingangsbestätigung einrichten</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">Wechsle im Formular-Widget zum Reiter &#8222;Aktion nach dem Versenden&#8220; und wähle hier &#8222;E-Mail&#8220; (Benachrichtigungs-Mail für dich) und &#8222;E-Mail 2&#8220; (Bestätigungs-Mail für deine Kund*in) aus.</p>



<p class="wp-block-paragraph">Wenn du möchtest kannst du auch die Option &#8222;Sammeln Sie Einreichungen&#8220; aktivieren, dann werden die eingehenden Nachrichten auch auf deiner Website gespeichert.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img decoding="async" width="384" height="175" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Aktion-nach-Versenden.jpg" alt="Screenshot der Aktionen, die für das Widerrufs-Formular festgelegt werden sollten: Sammeln Sie Einreichungen, E-Mail, E-Mail 2" class="wp-image-21363" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Aktion-nach-Versenden.jpg 384w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-Aktion-nach-Versenden-300x137.jpg 300w" sizes="(max-width: 384px) 100vw, 384px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Durch das Hinzufügen dieser Aktionen erhältst du weitere Reiter:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Reiter: E-Mail</strong> &gt;&gt; Benachrichtigung für dich, dass ein neuer Widerruf eingegangen ist</p>



<p class="wp-block-paragraph">Lege fest, an welche E-Mail-Adresse du diese Benachrichtigungen erhalten möchtest. Und vergib einen klaren Betreff, damit du direkt weißt, dass es sich um einen Widerruf handelt.</p>



<p class="wp-block-paragraph">Die Nachricht lässt du mit dem Shortcode [all-fields] befüllt. So bekommst du die vollständige Nachricht per Mail übermittelt.</p>



<p class="wp-block-paragraph">Die weiteren Felder kannst du mit deinen Daten befüllen.</p>



<p class="wp-block-paragraph">Bei den <strong>Meta-Daten behältst du die Werte Datum und Zeit</strong>, so weißt du, wann der Widerruf abgesendet wurde. Behalte auch die Option &#8222;Seiten-URL&#8220;, so kannst du direkt zuordnen, über welche Seite das Formular ausgefüllt wurde.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="385" height="762" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-E-Mail-Benachrichtigung.jpg" alt="Screenshot der Einstellungen für die E-Mail-Benachrichtigung, die du im Anschluss an einen Widerruf erhältst. Wichtig sind die Einstellungen Empfänger und Betreff." class="wp-image-21368" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-E-Mail-Benachrichtigung.jpg 385w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-E-Mail-Benachrichtigung-152x300.jpg 152w" sizes="(max-width: 385px) 100vw, 385px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Reiter: E-Mail 2</strong> &gt;&gt; Bestätigung für deine*n Kund*in, dass der Widerruf übermittelt wurde</p>



<p class="wp-block-paragraph">Im Feld &#8222;An&#8220; musst du den Shortcode des E-Mail-Felds eingeben, damit die Person, die das Formular absendet, diese Bestätigungsnachricht erhält.</p>



<p class="wp-block-paragraph">Du findest diesen Shortcode oben im Reiter &#8222;Formularfelder&#8220;. Hier öffnest du die Optionen für das Feld, in der die E-Mail-Adresse eingetragen wird und wechselst in den Reiter &#8222;Erweitert&#8220;.</p>



<p class="wp-block-paragraph">Meistens lautet dieser Shortcode [field id=&#8220;email&#8220;]. Aber zur Sicherheit solltest du das in deinem Formular prüfen.</p>



<p class="wp-block-paragraph"><strong>Im nächsten Schritt testest du das Ganze noch, damit du sicher sein kannst, dass alles funktioniert.</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="379" height="520" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-E-Mail-Shortcode.jpg" alt="Screenshot der zeigt, wo man die Einstellung im Elementor-Formular für den Shortcode der E-Mail-Adresse findet." class="wp-image-21370" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-E-Mail-Shortcode.jpg 379w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-Formular-E-Mail-Shortcode-219x300.jpg 219w" sizes="(max-width: 379px) 100vw, 379px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">Danach wechselst du wieder <strong>zurück in den Reiter &#8222;E-Mail 2</strong>&#8220; und legst einen passenden Betreff fest.<br><em>Beispiel: &#8222;Eingangsbestätigung: Dein Widerruf&#8220;</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Im Feld &#8222;Nachricht&#8220; schreibst du einen kurzen Text für die Eingangsbestätigung.<br><em>Hier ein Beispiel:</em></p>



<p class="wp-block-paragraph"><em>&#8222;Ich habe deine Widerrufserklärung erhalten.<br><br>Bitte beachte, dass diese E-Mail lediglich den Eingang deiner Widerrufserklärung bestätigt, nicht deren Wirksamkeit.<br><br>Ich melde mich in Kürze mit weiteren Informationen bei dir.<br><br>Liebe Grüße,<br>DEIN NAME<br><br>Hier sind deine Angaben, die du übermittelt hast:<br>[all-fields]&#8220;</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Die nächsten Felder passt du mit deinen E-Mail-Adressen und Absendernamen an.</p>



<p class="wp-block-paragraph">Setze auch hier wieder die Meta-Daten: <strong>Datum, Zeit, Seiten-URL.</strong></p>



<p class="wp-block-paragraph"><strong>Ganz unten ist noch eine wichtige Einstellung.</strong> Im Feld &#8222;Senden als&#8220; solltest du statt &#8222;HTML&#8220; jetzt &#8222;Nur Text&#8220; auswählen, ansonsten müsstest du diese Mail mit Codes entsprechend formatieren, da sonst der gesamte Text in einer Zeile übermittelt wird.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="383" height="760" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-E-Mail-Eingangsbestaetigung.jpg" alt="Screenshot der Einstellungen für die Eingangsbestätigung, die die*der Absender*in des Formular erhält." class="wp-image-21385" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-E-Mail-Eingangsbestaetigung.jpg 383w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Elementor-E-Mail-Eingangsbestaetigung-151x300.jpg 151w" sizes="(max-width: 383px) 100vw, 383px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-4-seite-veroffentlichen-und-testen">Schritt 4: Seite veröffentlichen und testen</h3>



<p class="wp-block-paragraph">Fülle das Formular aus und prüfe, ob beide Mails, also die Benachrichtigung und die Eingangsbestätigung ankommen. Wenn alles klappt, kannst du die Seite veröffentlichen.</p>



<p class="wp-block-paragraph">Öffnet sich die Seite?<br>Funktioniert der Versand des Formulars?<br>Kommt nach dem Absenden die E-Mail mit der Eingangsbestätigung an?<br>Kommt die E-Mail mit der Benachrichtigung an?<br>Enthalten die beiden Mails alle Angaben inklusive Datum und Uhrzeit?</p>



<p class="wp-block-paragraph"><strong>Werden dir die Mails nicht zugestellt?<br></strong>Das ist ein typisches Problem in WordPress. Hier zeige ich dir, wie du dafür sorgst, dass die <a href="https://anitaschwarz.com/wp-mail-smtp-einrichten/">Zustellung deiner Mails einwandfrei funktioniert</a>.</p>


		<div data-elementor-type="container" data-elementor-id="6352" class="elementor elementor-6352" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-92ef84f e-flex e-con-boxed e-con e-parent" data-id="92ef84f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2ad462f e-con-full blur-overlay e-flex e-con e-child" data-id="2ad462f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4453b23 elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="4453b23" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-CoWorking für 0 €</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-55b3b87 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="55b3b87" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Du schiebst deine Website-Aufgaben vor dir her?</div>				</div>
				<div class="elementor-element elementor-element-f8d3fc7 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="f8d3fc7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Nutze das Website-CoWorking, um gemeinsam mit anderen an der eigenen Website zu arbeiten. Wenn du mal nicht weiter weißt, treffen wir uns zu zweit in einem Breakout-Room und ich helf dir direkt auf deinem Bildschirm weiter.</p>
<p><span style="text-decoration: underline;"><a style="text-decoration: none;" title="Website-CoWorking" href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noopener">Hier findest du die nächsten Termine &amp; weitere Infos zum Website-CoWorking.</a></span></p>								</div>
				<div class="elementor-element elementor-element-36c1093 elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="36c1093" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Jetzt für 0 € zum CoWorking anmelden</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-5-button-im-footer-verlinken">Schritt 5: Button im Footer verlinken</h3>



<p class="wp-block-paragraph">Jetzt fügst du den Link zur neuen Seite in deinen Footer ein, damit er von jeder Unterseite aus erreichbar ist. Als Button-Text verwendest du dafür zum Beispiel &#8222;Vertrag widerrufen&#8220;</p>



<p class="wp-block-paragraph">Wichtig ist, dass sich der Button optisch von deinen anderen Links abhebt und nicht zwischen Impressum und Datenschutz verschwindet.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="271" src="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Footer-Beispiel.jpg" alt="" class="wp-image-21509" srcset="https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Footer-Beispiel.jpg 1000w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Footer-Beispiel-300x81.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Widerrufsbutton-Footer-Beispiel-768x208.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-6-widerrufsbelehrung-anpassen">Schritt 6: Widerrufsbelehrung anpassen</h3>



<p class="wp-block-paragraph">Deine Widerrufsbelehrung muss ab 19. Juni 2026 einen Hinweis enthalten, dass Kund*innen ihren Widerruf auch online über die neue Funktion erklären können, und wo sie diese finden.</p>



<p class="wp-block-paragraph">👉 <a href="https://www.gesetze-im-internet.de/bgbeg/art_253anlage_1.html" target="_blank" rel="noreferrer noopener">gesetzliches Muster für deine Widerrufsbelehrung</a></p>



<p class="wp-block-paragraph">Ab 19. Juni muss, wenn du von der Widerrufsfunktion betroffen bist, in der Widerrufsbelehrung folgender Hinweis ergänzt werden:</p>



<p class="wp-block-paragraph" style="font-size:18px"><em>Sie können Ihr Widerrufsrecht auch online unter [Internetadresse oder anderen geeigneten Hinweis darüber eingeben, wo die Widerrufsfunktion verfügbar ist] ausüben. Wenn Sie diese Online-Funktion nutzen, übermitteln wir Ihnen auf einem dauerhaften Datenträger (z. B. durch eine E-Mail) unverzüglich eine Eingangsbestätigung mit Informationen zum Inhalt der Widerrufserklärung sowie dem Datum und der Uhrzeit ihres Eingangs.</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="schritt-6-widerrufsbelehrung-anpassen">Schritt 7: Datenschutzerklärung anpassen</h3>



<p class="wp-block-paragraph">In vielen Fällen musst du deine Datenschutzerklärung nicht gesondert anpassen. Wenn dort bereits allgemein beschrieben ist, dass du Daten zur Vertragsabwicklung verarbeitest, deckt das die Datenverarbeitung über das Widerrufsformular in der Regel mit ab.</p>



<p class="wp-block-paragraph">Ergänzen oder anpassen solltest du sie jedoch, wenn du für das Formular ein externes Tool einsetzt, zum Beispiel ein eigenständiges Formular-Plugin, das Daten an Drittanbieter übermittelt. In diesem Fall sollte das Tool und der Zweck der Datenverarbeitung in deiner Datenschutzerklärung erwähnt sein.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-passiert-wenn-du-den-widerrufsbutton-nicht-einrichtest">Was passiert, wenn du den Widerrufsbutton nicht einrichtest?</h2>



<p class="wp-block-paragraph">Die Widerrufsfrist verlängert sich von 14 Tagen auf bis zu 12 Monate und 14 Tage.</p>



<p class="wp-block-paragraph">Außerdem besteht ein Abmahnrisiko durch Mitbewerber*innen und Verbraucherschutzverbände.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="checkliste-zum-kopieren">Checkliste zum Kopieren</h2>



<p class="wp-block-paragraph">Hier bekommst du von mir eine übersichtliche Checkliste zum Kopieren, damit du nichts vergisst, wenn du deinen Widerrufs-Prozess auf deiner Website umsetzt.</p>



<div id="copyText">
<b>Aufgaben &#8211; Widerrufsbutton:<br></b>
O neue Seite mit Formular einrichten (Pflichtfelder: Name, Vertragsidentifikation, E-Mail)<br>
O Absende-Button mit „Widerruf bestätigen&#8220; beschriften<br>
O Benachrichtigungs-Mail einrichten<br>
O automatische Eingangsbestätigung einrichten (mit Datum und Uhrzeit)<br>
O Seite veröffentlichen und Formular testen<br>
O Link „Vertrag widerrufen&#8220; im Footer sichtbar einbinden<br>
O Widerrufsbelehrung ab 19. Juni aktualisieren<br>
O Datenschutzerklärung aktualisieren<br>
</div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<button onclick="copyToClipboard()">Checkliste kopieren</button>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-037d570b wp-block-group-is-layout-constrained" style="border-radius:20px;background-color:#e9eff3;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px">
<h2 class="wp-block-heading has-text-align-center" id="ah-gut-zu-wissen">Ah, gut zu wissen!</h2>


<div id="rank-math-faq" class="rank-math-block rank-math-faq">
<div class="rank-math-list ">
<div id="faq-question-1780235817660" class="rank-math-list-item">
<h3 class="rank-math-question ">Für wen gilt die Pflicht?</h3>
<div class="rank-math-answer ">

<p>Für alle, die online Verträge mit Privatpersonen abschließen, bei denen ein gesetzliches Widerrufsrecht besteht. Also auch für Kleinunternehmer*innen. Wer ausschließlich an Unternehmen verkauft (B2B), ist nicht betroffen.</p>
<p>Zu beachten ist, dass das Widerrufsrecht bei digitalen Inhalten unter bestimmten Voraussetzungen vorzeitig erlöschen kann. Zum Beispiel wenn die*der Kund*in ausdrücklich zustimmt, dass mit der Ausführung sofort begonnen wird. In solchen Fällen besteht kein Widerrufsrecht, und damit auch keine Pflicht zum Widerrufsbutton.</p>

</div>
</div>
<div id="faq-question-1780235851906" class="rank-math-list-item">
<h3 class="rank-math-question ">Gilt die Pflicht auch, wenn ich nur ein einziges Produkt anbiete?</h3>
<div class="rank-math-answer ">

<p>Ja. Es gibt keine Mindestanzahl an Produkten und keine Umsatzgrenze. Sobald du online an Privatpersonen verkaufst und ein Widerrufsrecht besteht, gilt die Pflicht.</p>

</div>
</div>
<div id="faq-question-1780235896671" class="rank-math-list-item">
<h3 class="rank-math-question ">Wo muss der Widerrufsbutton platziert werden?</h3>
<div class="rank-math-answer ">

<p>Der Button muss von jeder Unterseite deiner Website aus erreichbar sein. Also auch auf Landingpages, auch wenn dort ein minimierter Footer verwendet wird. Die naheliegende Stelle ist der Footer, dort wo auch Impressum und Datenschutz verlinkt sind. Ein einfacher Textlink reicht nicht aus, es muss eine klar erkennbare Schaltfläche sein.</p>

</div>
</div>
<div id="faq-question-1780235910081" class="rank-math-list-item">
<h3 class="rank-math-question ">Darf ich den Button schon vor dem 19. Juni einrichten?</h3>
<div class="rank-math-answer ">

<p>Ja. Eine freiwillige frühere Implementierung ist grundsätzlich zulässig, da sie Verbraucher*innen lediglich einen zusätzlichen Erklärungsweg eröffnet.</p>
<p>Beachte aber: Die Widerrufsbelehrung solltest du erst zum 19. Juni anpassen. Der Gesetzgeber stellt für die Widerrufsbelehrung einen offiziellen Mustertext zur Verfügung, wer diesen exakt so verwendet, ist automatisch rechtlich auf der sicheren Seite. Das neue Muster gilt jedoch erst ab dem 19. Juni. Wer es vorher verwendet, hat diese Absicherung noch nicht und ist damit angreifbarer.</p>
<p><strong>Spätestens zum 19. Juni 2026 besteht für alle Betroffenen zwingender Umsetzungsbedarf.</strong></p>

</div>
</div>
<div id="faq-question-1780235983625" class="rank-math-list-item">
<h3 class="rank-math-question ">Darf der Widerruf dann nur noch über das Formular erklärt werden?</h3>
<div class="rank-math-answer ">

<p>Nein. Der Widerrufsbutton kommt als zusätzliche Option dazu. Kund*innen dürfen ihren Widerruf weiterhin per E-Mail oder Post erklären. Du darfst sie aber nicht darauf beschränken, der Weg über ein Widerrufs-Formular muss ab dem 19. Juni zusätzlich möglich sein.</p>

</div>
</div>
<div id="faq-question-1780236055456" class="rank-math-list-item">
<h3 class="rank-math-question ">Ich verkaufe über Elopage, Digistore oder eine ähnliche Plattform. Brauche ich den Button trotzdem auf meiner Website?</h3>
<div class="rank-math-answer ">

<p>Ja. Die Pflicht gilt für deine Website, nicht für die Verkaufsplattform. Auch wenn der eigentliche Kaufprozess auf einer externen Plattform stattfindet, musst du den Widerrufsbutton auf deiner eigenen Website einrichten.</p>

</div>
</div>
<div id="faq-question-1780236316247" class="rank-math-list-item">
<h3 class="rank-math-question ">Was ist der Unterschied zwischen Widerrufsbutton und Kündigungsbutton?</h3>
<div class="rank-math-answer ">

<p>Beide Buttons ermöglichen es Kund*innen, einen Vertrag online zu beenden, aber für unterschiedliche Situationen:</p>
<p>Den <strong>Kündigungsbutton</strong> gibt es bereits seit Juli 2022. Er ist für laufende Verträge gedacht, also zum Beispiel für Abonnements oder Mitgliedschaften. Er muss mit „Vertrag kündigen&#8220; oder einer gleichwertig eindeutigen Formulierung beschriftet sein.</p>
<p>Der <strong>Widerrufsbutton</strong> kommt jetzt neu dazu. Er gilt für einmalige Käufe, bei denen ein gesetzliches Widerrufsrecht besteht, also innerhalb der 14-tägigen Widerrufsfrist nach dem Kauf.</p>
<p>Beim Kündigungsbutton reicht eine Verlinkung neben Impressum und Datenschutz. Beim Widerrufsbutton empfiehlt sich zur Sicherheit eine klar erkennbare Schaltfläche.</p>
<p>Wenn du beides anbietest, widerrufbare Produkte und Abos, brauchst du ab dem 19. Juni beide Links auf deiner Website.</p>

</div>
</div>
<div id="faq-question-1780236531871" class="rank-math-list-item">
<h3 class="rank-math-question ">Wann ist eine Ergänzung der Datenschutzerklärung sinnvoll oder erforderlich?</h3>
<div class="rank-math-answer ">

<p>In den meisten Fällen ist keine separate Ergänzung nötig, wenn in der Datenschutzerklärung bereits allgemein beschrieben ist, dass Daten zur Vertragsabwicklung verarbeitet werden. Das deckt die Datenverarbeitung über das Widerrufsformular mit ab.</p>

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



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du beim Einrichten deines Widerrufs-Prozesses Unterstützung brauchst oder dir bei deiner Situation nicht sicher bist, komm gerne ins nächste <a href="https://anitaschwarz.com/website-coworking/">0€-Website-CoWorking</a> oder vereinbare direkt einen <a href="https://anitaschwarz.com/termin-website-hilfe/" target="_blank" rel="noreferrer noopener">Termin für 1 Stunde Website-Hilfe</a> mit mir.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>Hinweis: <strong>Ich bin keine Rechtsanwältin. </strong>Dieser Beitrag erklärt die technische Umsetzung und fasst die wichtigsten rechtlichen Grundlagen verständlich zusammen. Für eine rechtssichere Einschätzung deiner individuellen Situation empfehle ich dir, eine Rechtsberatung hinzuzuziehen.</em></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/widerrufsbutton/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Digitales CoWorking: Meine Erfahrungen aus 1 Jahr Website-CoWorking</title>
		<link>https://anitaschwarz.com/digitales-coworking-erfahrungen/</link>
					<comments>https://anitaschwarz.com/digitales-coworking-erfahrungen/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 16 Dec 2024 05:00:00 +0000</pubDate>
				<category><![CDATA[Rückblicke]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=15326</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Titelbild für einen Blogbeitrag über digitales CoWorking im Website-Bereich." decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Der Website-Fahrplan, an dem ich arbeitete, landete erstmal in meiner Canva-Schublade. Denn bei Irene Theiss habe ich eine Idee für ein viel passenderes 0€-Produkt gefunden: Newsletter-CoWorking. Das passt perfekt zu meiner Vision, Frauen bei ihrer Website zu unterstützen. Nur eben mit Fokus auf die Website.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Titelbild für einen Blogbeitrag über digitales CoWorking im Website-Bereich." decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Digitales-CoWorking-Erfahrungen-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/547f32d6659947439053646fbc5c2c24" width="1" height="1" alt="">



<p class="wp-block-paragraph">Der Website-Fahrplan, an dem ich arbeitete, landete erstmal in meiner Canva-Schublade. Denn bei Irene Theiss habe ich eine Idee für ein viel passenderes 0€-Produkt gefunden: <a href="https://www.irenetheiss.de/newsletter-coworking-termine/" target="_blank" rel="noreferrer noopener">Newsletter-CoWorking</a>. Das passt perfekt zu meiner Vision, Frauen bei ihrer Website zu unterstützen. Nur eben mit Fokus auf die Website.</p>



<p class="wp-block-paragraph">Aus der Inspiration wurde schnell Realität: <strong>Seit November 2023 treffen wir uns monatlich zum gemeinsamen Arbeiten an der Website. </strong>Mit persönlichem Support von mir bei Website-Fragen, SEO-Expertise von Laura und manchmal sogar mit Bewegungspausen von Lena.</p>



<p class="wp-block-paragraph"><strong>Zeit für einen ehrlichen Rückblick: </strong>Was hat das CoWorking gebracht? Welche Herausforderungen gab es? Und was halten die Teilnehmerinnen davon?</p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="4386" class="elementor elementor-4386" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-175e8af e-flex e-con-boxed e-con e-parent" data-id="175e8af" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58af7e9 elementor-widget elementor-widget-text-editor" data-id="58af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><em>Dieser Beitrag enthält Werbelinks von Anbietern, die ich selbst gerne nutze. Diese sind mit einem * markiert. Wenn du über einen solchen Link kaufst, erhalte ich eine kleine Provision. Für dich entstehen dabei keine Mehrkosten. Wo, wann und wie du ein Produkt kaufst, bleibt natürlich dir überlassen.</em></p>								</div>
					</div>
				</div>
				</div>
		


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="fur-wen-ist-das-website-co-working">Für wen ist das Website-CoWorking?</h2>



<p class="wp-block-paragraph">Das Website-CoWorking ist perfekt für dich, wenn du deine Website selbst betreust und dir manchmal der Antrieb oder das technische Wissen fehlt. Egal ob du deinen Blog aufräumen, eine neue Seite erstellen oder dein Design anpassen willst &#8211; <strong>hier findest du fokussierte Arbeitszeit und bei Bedarf direkten Support.</strong></p>



<p class="wp-block-paragraph">Besonders gut passt es, wenn du zwar grundsätzlich weißt, wie deine Website funktioniert, aber ab und zu Fragen hast, eine Funktion nicht findest oder dir ein Feedback wünschst. <strong>Für komplette Website-Neulinge oder umfangreiche Änderungen empfehle ich meine <a href="https://anitaschwarz.com/website-hilfe/" target="_blank" rel="noreferrer noopener">1:1-Website-Hilfe</a>.</strong></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-frauen-im-website-co-working-umsetzen">Was Frauen im Website-CoWorking umsetzen</h2>



<p class="wp-block-paragraph">Hier sind ein paar Beispiele, woran Frauen in vergangenen Terminen gearbeitet haben:</p>



<ul class="wp-block-list">
<li>Blogbeitrag schreiben oder fertigstellen</li>



<li>Tipps aus meinem <a href="https://anitaschwarz.com/newsletter/" target="_blank" rel="noreferrer noopener">Newsletter</a> umsetzen</li>



<li>Videos aus dem <a href="https://anitaschwarz.com/wordpress-hafen-warteliste/" target="_blank" rel="noreferrer noopener">Website-Hafen</a> schauen und umsetzen</li>



<li><a href="https://anitaschwarz.com/popup-adventskalender-2024/" target="_blank" rel="noreferrer noopener">Popup-Adventskalender</a> aufsetzen</li>



<li>Landingpage erstellen oder umgestalten</li>



<li>Kontakt- oder Feedback-Formular einrichten</li>



<li>sich mit den ersten Schritten vor der Website-Erstellung beschäftigen</li>



<li>SEO-Optimierungen</li>



<li>Cookie-Banner einrichten</li>



<li><a href="https://anitaschwarz.com/rank-math-einrichten/">Rank Math</a> oder andere Plugins einrichten</li>



<li>Blog-Design anpassen</li>



<li>Umstellung auf Container</li>



<li>Datenschutzerklärung überarbeiten</li>



<li>Texte überarbeiten</li>



<li>&#8230;</li>
</ul>



<p class="wp-block-paragraph">Du siehst, die Themen, mit denen sich die Teilnehmerinnen im Website-CoWorking beschäftigen sind sehr vielfältig.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="so-lauft-ein-typisches-co-working-ab">So läuft ein typisches Website-CoWorking ab</h2>



<p class="wp-block-paragraph">Wir treffen uns monatlich für etwa 1,5 Stunden in einem Zoom-Raum. Den Link dazu bekommst du in der Mail nach deiner <a href="https://anitaschwarz.com/website-coworking" target="_blank" rel="noreferrer noopener">Anmeldung zum Website-CoWorking</a> und nochmal als Erinnerung am Tag davor.</p>



<p class="wp-block-paragraph"><strong>Zu Beginn stellt jede kurz vor, woran sie heute arbeiten möchte.</strong> Dann geht&#8217;s los: Jede arbeitet konzentriert an ihrer Website &#8211; mit ausgeschaltetem Mikro, um die anderen nicht zu stören.</p>



<p class="wp-block-paragraph"><strong>Hast du eine Frage?</strong> Dann kannst du dir einen 10-Minuten-Slot in einem separaten Breakout-Room reservieren. Dort helfe ich dir bei WordPress- und Elementor-Fragen, <a href="https://laurafilz.de/" target="_blank" rel="noreferrer noopener">SEO-Texterin Laura Filz</a> unterstützt dich bei SEO und Texten.</p>



<p class="wp-block-paragraph"><strong>Zum Abschluss teilen alle ihre Erfolge. </strong>Nach dem CoWorking bekommst du eine E-Mail mit den Website-Links und Vorstellungen aller Teilnehmerinnen &#8211; perfekt zum weiteren Austausch und Vernetzen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="special-bewegtes-website-co-working">Special: Bewegtes Website-CoWorking</h3>



<p class="wp-block-paragraph">Etwa alle 3-4 Monate gibt es ein besonderes Highlight: Beim bewegten Website-CoWorking mit <a href="https://lenaweinert.com/" target="_blank" rel="noreferrer noopener">Lena Weinert</a> machen wir zwischen den Arbeitsblöcken kleine Bewegungspausen. Perfekt, um den Kopf wieder frei zu bekommen und Verspannungen vorzubeugen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="das-sagen-teilnehmerinnen-zum-website-co-working">Das sagen Teilnehmerinnen zum Website-CoWorking</h2>



<p class="has-background has-medium-font-size wp-block-paragraph" style="background-color:#e9eff3"><strong>Verbindlichkeit durch feste Termine<br></strong><em>Ich habe gemerkt, dass es sehr hilfreich ist, einen geplanten Termin für meine Aufgaben rund um meine Webseite zu haben. Wenn mir etwas einfällt, was ich ändern kann, <strong>schreibe ich es auf und weiß schon direkt, wann ich es umsetze.</strong> Wenn ich keine konkreten Änderungen habe, ist es ein gutes Gefühl, sich bewusst Zeit für die Website zu nehmen. Irgendetwas gibt es ja immer zu ändern.<br></em><a href="https://ordnung-priefling.com" target="_blank" rel="noreferrer noopener">Tanja Priefling</a></p>



<p class="has-background has-medium-font-size wp-block-paragraph" style="background-color:#e9eff3"><strong>Persönlicher 1:1-Support<br></strong><em>Ich dachte, wir treffen uns und jede sagt kurz, was sie machen will. Dann arbeiten alle für sich. Was ich nie erwartet hätte: dass ich Anita auch Fragen stellen kann und sie mir diese im Breakout-Room 1:1 beantwortet. Das ist soooo wertvoll. Ich empfehle das Co-Working von Anita von Herzen, denn es ist eine tolle Möglichkeit, in kleinen Etappen <strong>kontinuierlich mit der eigenen Webseite voranzukommen!</strong><br></em><a href="https://christine-finger.de/" target="_blank" rel="noreferrer noopener">Christine Finger</a></p>



<p class="has-background has-medium-font-size wp-block-paragraph" style="background-color:#e9eff3"><strong>Umsetzung aufgeschobener Aufgaben<br></strong><em>Das Website-CoWorking hat mir sehr gut gefallen. Ich bin in die Umsetzung gekommen und habe in kurzer Zeit ein To-Do erledigt, was ich lange vor mir hergeschoben habe. <strong>Und du hast dir sogar die Zeit genommen, mich im Zoom-Raum extra zu beraten und mir zu helfen.</strong> Das ist ein ganz tolles Format, dass ich gerne weiterempfehlen werde.<br></em><a href="https://foto-ordnung.de/" target="_blank" rel="noreferrer noopener">Dagmar Nürnberg</a></p>



<p class="has-background has-medium-font-size wp-block-paragraph" style="background-color:#e9eff3"><strong>Gemeinschaft und Vernetzung<br></strong><em>Es ist eine so wunderbare Möglichkeit, ein festes Zeitfenster für die Arbeit an der Website einzuplanen und gemeinsam mit anderen zu arbeiten, anstatt immer alleine vorm Rechner zu sitzen. Außerdem bekommt man auch Hilfe, wenn man mal nicht weiter weiß und <strong>lernt zusätzlich tolle Frauen mit spannenden Themen kennen.</strong> Meine Erwartungen wurden mehr als erfüllt!<br></em><a href="https://christine-kuehnle.de/" target="_blank" rel="noreferrer noopener">Christine Kühnle</a></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="das-bringt-dir-das-website-co-working">Das bringt dir das Website-CoWorking</h2>



<ul class="wp-block-list">
<li><strong>Verbindlicher Termin im Kalender<br></strong>In dieser Zeit liegt der Fokus auf deiner Website. Du startest mit der Umsetzung, anstatt die Aufgaben an deiner Website weiter aufzuschieben.</li>
</ul>



<ul class="wp-block-list">
<li><strong>Direkte Hilfe bei Problemen<br></strong>Hängst du irgendwo fest? Im 10-Minuten-Slot helfen Laura oder ich dir weiter. Durch die Bildschirmfreigabe finden wir meist schnell eine Lösung.</li>
</ul>



<ul class="wp-block-list">
<li><strong>Motivation durch die Gruppe<br></strong>Die Teilnehmerinnen inspirieren sich gegenseitig und können ihre Erfolge miteinander teilen. Außerdem bekommst du die Möglichkeit, dich mit den anderen zu vernetzen.</li>
</ul>


		<div data-elementor-type="container" data-elementor-id="6352" class="elementor elementor-6352" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-92ef84f e-flex e-con-boxed e-con e-parent" data-id="92ef84f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2ad462f e-con-full blur-overlay e-flex e-con e-child" data-id="2ad462f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4453b23 elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="4453b23" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-CoWorking für 0 €</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-55b3b87 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="55b3b87" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Du schiebst deine Website-Aufgaben vor dir her?</div>				</div>
				<div class="elementor-element elementor-element-f8d3fc7 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="f8d3fc7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Nutze das Website-CoWorking, um gemeinsam mit anderen an der eigenen Website zu arbeiten. Wenn du mal nicht weiter weißt, treffen wir uns zu zweit in einem Breakout-Room und ich helf dir direkt auf deinem Bildschirm weiter.</p>
<p><span style="text-decoration: underline;"><a style="text-decoration: none;" title="Website-CoWorking" href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noopener">Hier findest du die nächsten Termine &amp; weitere Infos zum Website-CoWorking.</a></span></p>								</div>
				<div class="elementor-element elementor-element-36c1093 elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="36c1093" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Jetzt für 0 € zum CoWorking anmelden</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-ich-als-veranstalterin-davon-habe">Was ich als Veranstalterin davon habe</h2>



<ul class="wp-block-list">
<li><strong>Newsletter-Kontakte kennenlernen<br></strong>Ich lerne die Frauen hinter den Newsletter-Adressen kennen und erfahre, welche Website-Probleme sie beschäftigen.</li>
</ul>



<ul class="wp-block-list">
<li><strong>Inspiration für neuen Content und Angebote<br></strong>Die Fragen in den Breakout-Räumen zeigen mir, wo Bedarf für neue Blogartikel, Workshops oder andere Angebote besteht.</li>
</ul>



<ul class="wp-block-list">
<li><strong>Vertrauensaufbau durch echten Support<br></strong>Die Teilnehmerinnen erleben live, wie ich arbeite und Probleme löse. Das schafft Vertrauen &#8211; ganz ohne Marketingversprechen.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="das-habe-ich-in-einem-jahr-website-co-working-gelernt">Das habe ich in einem Jahr Website-CoWorking gelernt</h2>



<h3 class="wp-block-heading" id="konstante-kommunikation-ist-wichtig"><strong>Konstante Kommunikation ist wichtig</strong></h3>



<p class="wp-block-paragraph">Als ich die CoWorking-Termine ein paar Wochen nicht in meinem Newsletter beworben hatte, saß ich plötzlich alleine im Zoom-Raum. <strong>Seit ich die Termine wieder regelmäßig ankündige, ist das CoWorking immer gut besucht.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="vertraute-tools-nutzen"><strong>Vertraute Tools nutzen</strong></h3>



<p class="wp-block-paragraph">Der Versuch, eine Zoom-Alternative zu nutzen, hat nicht so geklappt, wie erhofft. Das Tool funktionierte nicht in allen Browsern und die Teilnehmerinnen mussten sich erst zurechtfinden. <strong>Heute nutze ich wieder Zoom &#8211; das kennt jede und es läuft zuverlässig.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="weniger-ist-mehr"><strong>Weniger ist mehr</strong></h3>



<p class="wp-block-paragraph">Anfangs bot ich das CoWorking alle zwei Wochen an. Das war zu viel &#8211; sowohl für mich als auch für die Teilnehmerinnen. <strong>Der monatliche Rhythmus hat sich als ideal erwiesen.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="klare-struktur-hilft-allen"><strong>Klare Struktur hilft allen</strong></h3>



<p class="wp-block-paragraph">Um die wachsende Teilnehmerzahl zu managen, gibt es jetzt eine <strong>Liste für die 10-Minuten-Slots, in denen du persönliche Unterstützung bekommst.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="900" height="556" src="https://anitaschwarz.com/wp-content/uploads/Website-CoWorking-Zeitslot-reservieren.jpg" alt="Buchungsübersicht für digitales CoWorking mit zwei Website-Expertinnen" class="wp-image-15420" srcset="https://anitaschwarz.com/wp-content/uploads/Website-CoWorking-Zeitslot-reservieren.jpg 900w, https://anitaschwarz.com/wp-content/uploads/Website-CoWorking-Zeitslot-reservieren-300x185.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Website-CoWorking-Zeitslot-reservieren-768x474.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="newsletter-aufbau"><strong>Newsletter-Aufbau</strong></h3>



<p class="wp-block-paragraph"><strong>In einem Jahr haben sich etwa 80 Personen über das Website-CoWorking für meinen Newsletter angemeldet</strong> &#8211; ganz ohne Werbeanzeigen. Plus: Diese Personen haben sich nicht angemeldet, um sich schnell mal ein PDF herunterzuladen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="fazit-und-nachste-schritte">Fazit und nächste Schritte</h2>



<p class="wp-block-paragraph">Nach über einem Jahr Website-CoWorking bin ich immer noch begeistert &#8211; vor allem, weil ich sehe, wie viel die Teilnehmerinnen umsetzen. Deshalb wird es das CoWorking auch 2025 weiter geben.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Mehr Infos zum Website-CoWorking:</strong></p>



<p class="wp-block-paragraph">📅 <a href="https://anitaschwarz.com/website-coworking/#coworking-termine" target="_blank" rel="noreferrer noopener">nächste CoWorking-Termine</a><br>👉 <a href="https://anitaschwarz.com/website-coworking/#coworking-termine">zum CoWorking anmelden</a></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="faq">Häufige Fragen zum Website-CoWorking:</h2>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1700316144236" class="rank-math-list-item">
<h3 class="rank-math-question ">Muss ich mich zu jedem Termin neu anmelden?</h3>
<div class="rank-math-answer ">

<p>Nein. Einmal angemeldet bekommst du immer am Tag vor jedem CoWorking eine Erinnerung mit dem Zoom-Link und der Liste für Zeitslot-Reservierungen. Du kannst dich jederzeit von den Erinnerungen abmelden.</p>

</div>
</div>
<div id="faq-question-1700316239308" class="rank-math-list-item">
<h3 class="rank-math-question ">Wie lange dauert das Website-CoWorking?</h3>
<div class="rank-math-answer ">

<p>Wir starten um 10 Uhr und arbeiten bis 11:30 Uhr. Nach einer kurzen Abschlussrunde, in der alle ihre Erfolge teilen, ist gegen 11:45 Uhr Schluss. Du kannst das CoWorking natürlich auch früher verlassen.</p>

</div>
</div>
<div id="faq-question-1734188591290" class="rank-math-list-item">
<h3 class="rank-math-question ">Wie viel kostet die Teilnahme am Website-CoWorking?</h3>
<div class="rank-math-answer ">

<p>Die Teilnahme kostet dich 0€.</p>

</div>
</div>
<div id="faq-question-1734188638460" class="rank-math-list-item">
<h3 class="rank-math-question ">Was brauche ich, um am Website-CoWorking teilnehmen zu können?</h3>
<div class="rank-math-answer ">

<p>Du brauchst nur ein Gerät mit Internetzugang, von dem aus du an Zoom-Meetings teilnehmen kannst.</p>

</div>
</div>
<div id="faq-question-1734188714672" class="rank-math-list-item">
<h3 class="rank-math-question ">Wann finden die nächsten Website-CoWorkings statt?</h3>
<div class="rank-math-answer ">

<p>Die nächsten CoWorking-Termine findest du hier:<br /><a href="https://anitaschwarz.com/website-coworking/#coworking-termine">https://anitaschwarz.com/website-coworking/#coworking-termine</a></p>

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


<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/digitales-coworking-erfahrungen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>13 Elementor Tipps und Tricks, die dir täglich Zeit sparen</title>
		<link>https://anitaschwarz.com/elementor-tipps/</link>
					<comments>https://anitaschwarz.com/elementor-tipps/#comments</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 11 Nov 2024 05:00:00 +0000</pubDate>
				<category><![CDATA[Elementor]]></category>
		<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=14505</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Titelbild für einen Blogbeitrag über Elementor-Tipps." decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Spare dir wertvolle Zeit bei der Website-Gestaltung mit Elementor. In diesem Beitrag zeige ich dir 13 praktische Tipps, die deinen Workflow beschleunigen - von globalen Einstellungen, über versteckte Funktionen bis zu zeitsparenden Tastenkombinationen.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Titelbild für einen Blogbeitrag über Elementor-Tipps." decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Tipps-und-Tricks-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/be0b75a2ad054611b82b54237bb5e290" width="1" height="1" alt="">



<p class="wp-block-paragraph">Du suchst Elementor Tipps, die dir wirklich Zeit sparen? <strong>In diesem Beitrag zeige ich dir meine 13 wichtigsten Tipps und Tricks für Elementor.</strong> Sie helfen dir, deine Website schneller und entspannter zu gestalten &#8211; egal ob du von zu Hause, aus dem Café oder wie ich vom Boot aus arbeitest.</p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
</div>



<h2 class="wp-block-heading" id="elementor-tipp-1-globale-einstellungen">Elementor-Tipp 1: Globale Einstellungen</h2>



<p class="wp-block-paragraph">Stell dir vor, du entscheidest nach 2 Jahren Selbständigkeit, dass es Zeit ist für ein neues Branding. Dein neues Design soll sich natürlich auch auf deiner Website widerspiegeln. Um nicht jeden Button, jedes Textfeld und jeden Hintergrund einzeln einfärben zu müssen, gibt es in Elementor globale Einstellungen.</p>



<p class="wp-block-paragraph">Mit ihnen änderst du dein Design mit wenigen Klicks. Vorausgesetzt, du nutzt die Funktion konsistent.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="globale-farben-einrichten">Globale Farben einrichten</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="52" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Website-Einstellungen-1024x52.jpg" alt="Screenshot der oberen Menüleiste im Elementor-Editor." class="wp-image-14661" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Website-Einstellungen-1024x52.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Website-Einstellungen-300x15.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Website-Einstellungen-768x39.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Website-Einstellungen.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="wp-block-list">
<li>Öffne die Website-Einstellungen</li>



<li>Wähle &#8222;Globale Farben&#8220;</li>
</ol>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Hier kannst du deine globalen Farben festlegen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Praxis-Tipp:</strong> Erstelle dir diese Basis-Farbpalette:</p>



<ul class="wp-block-list">
<li>Primärfarbe (deine Hauptfarbe)</li>



<li>Sekundärfarbe (für Akzente)</li>



<li>Text-Farbe</li>



<li>Link-Farbe</li>



<li>Hintergrund-Farbe</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="globale-schriften-einrichten">Globale Schriften einrichten</h3>



<ol class="wp-block-list">
<li>Öffne die Website-Einstellungen</li>



<li>Wähle &#8222;Globale Schriftart&#8220;</li>
</ol>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Hier kannst du deine globalen Schriften festlegen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Definiere Schriftarten für:</strong></p>



<ul class="wp-block-list">
<li>H1-Überschrift</li>



<li>H2-Überschrift</li>



<li>H3-Überschrift</li>



<li>Text</li>



<li>Buttontext</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="globale-farben-und-schriften-verwenden">Globale Farben und Schriften verwenden</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">Einmal angelegt kannst du globale Farben und Schriften überall auswählen, wo du eine Farbe oder Schriftart festlegen kannst. Klicke dazu auf das Globus-Symbol und wähle deine Farbe bzw. Schriftart aus.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="294" height="213" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Farbe-auswaehlen.jpg" alt="Screenshot eines Farbauswahl-Menüs in Elementor. Das Menü zeigt drei Farbeinstellungen." class="wp-image-14653"/></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">Sobald das Globus Symbol farbig ist, ist die globale Farbe bzw. globale Schriftart für dieses Element aktiv. Änderst du jetzt beispielsweise in den Einstellungen eine Farbe, dann ändert sie sich auch in diesem Element.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="294" height="85" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Farben-und-Schriften-waehlen.jpg" alt="Screenshot aus dem Elementor-Editor mit zwei Einstellungszeilen: 'Textfarbe' und 'Typografie'. Beide Zeilen haben rechts zwei kleine Symbole. Mit dem linken Symbol kann eine globale Einstellung ausgewählt werden, über das rechte Symbol können individuelle Einstellungen getroffen werden." class="wp-image-14654"/></figure>
</div>
</div>



<h3 class="wp-block-heading" id="die-vorteile-von-globalen-farben-und-schriften">Die Vorteile von globalen Farben und Schriften</h3>



<p class="wp-block-paragraph">Wenn du später etwas ändern willst:</p>



<ul class="wp-block-list">
<li>Einmal die globale Farbe oder Schrift anpassen</li>



<li>Alle Elemente, die diese Farbe oder Schrift nutzen, aktualisieren sich automatisch</li>



<li>Keine einzelnen Anpassungen mehr nötig</li>



<li>Dein Design bleibt konsistent</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Bevor du wilde Farb-Experimente machst: </strong>Teste größere Design-Änderungen erst auf einer Staging-Seite. So überraschst du deine Website-Besucher*innen nicht mit einem unfertigen Design.</p>



<p class="wp-block-paragraph">Im <a href="https://anitaschwarz.com/website-hafen/" target="_blank" rel="noreferrer noopener">Website-Hafen</a> zeige ich dir übrigens Schritt für Schritt, wie du deine globalen Farben und Schriften einrichtest. Und natürlich viele weitere Themen.</p>


		<div data-elementor-type="container" data-elementor-id="6352" class="elementor elementor-6352" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-92ef84f e-flex e-con-boxed e-con e-parent" data-id="92ef84f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2ad462f e-con-full blur-overlay e-flex e-con e-child" data-id="2ad462f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4453b23 elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="4453b23" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-CoWorking für 0 €</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-55b3b87 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="55b3b87" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Du schiebst deine Website-Aufgaben vor dir her?</div>				</div>
				<div class="elementor-element elementor-element-f8d3fc7 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="f8d3fc7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Nutze das Website-CoWorking, um gemeinsam mit anderen an der eigenen Website zu arbeiten. Wenn du mal nicht weiter weißt, treffen wir uns zu zweit in einem Breakout-Room und ich helf dir direkt auf deinem Bildschirm weiter.</p>
<p><span style="text-decoration: underline;"><a style="text-decoration: none;" title="Website-CoWorking" href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noopener">Hier findest du die nächsten Termine &amp; weitere Infos zum Website-CoWorking.</a></span></p>								</div>
				<div class="elementor-element elementor-element-36c1093 elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="36c1093" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Jetzt für 0 € zum CoWorking anmelden</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-2-globales-widget-erstellen">Elementor-Tipp 2: Globales Widget erstellen</h2>



<p class="wp-block-paragraph">Du hast deine Newsletter-Anmeldung auf zehn verschiedenen Seiten eingesetzt und du willst das Formular ändern oder hast den Anbieter gewechselt. Mühsam, alles einzeln zu aktualisieren. Mit globalen Widgets machst du solche Änderungen nur einmal &#8211; und sie werden automatisch überall aktualisiert.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="was-sind-globale-widgets">Was sind globale Widgets?</h3>



<p class="wp-block-paragraph">Globale Widgets sind Helfer für wiederkehrende Inhalte auf deiner Website. Ob Kontaktdaten, Über-mich-Texte oder Buttons &#8211; was du an einem Widget änderst, wird automatisch an allen Stellen aktualisiert, wo du es eingebaut hast. Das spart dir nicht nur Zeit beim Aktualisieren, sondern verhindert auch, dass du versehentlich alte Versionen übersiehst.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="einsatzgebiete-fur-globale-widgets">Einsatzgebiete für globale Widgets</h3>



<ul class="wp-block-list">
<li>Kontaktinfos</li>



<li>Über-mich-Texte</li>



<li>Copyright-Hinweise</li>



<li>aktuelle Angebote</li>



<li>Newsletter-Anmeldung</li>



<li>Terminbuchungs-Button</li>



<li>wechselnde Termine (nutze ich z.B. für&#8217;s <a href="https://anitaschwarz.com/website-coworking" target="_blank" rel="noreferrer noopener">Website-CoWorking</a>)</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="so-erstellst-du-ein-globales-widget">So erstellst du ein globales Widget</h3>



<ol class="wp-block-list">
<li>Gestalte dein Element genau so, wie du es haben möchtest</li>



<li>Rechtsklick auf das Element</li>



<li>Wähle &#8222;Als global speichern&#8220;</li>



<li>Gib ihm einen Namen, den du später wiederfindest</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="globales-widget-einfugen">Globales Widget einfügen</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ol class="wp-block-list">
<li>Öffne die Elementor-Widgets</li>



<li>Wechsle in den Reiter &#8222;Globals&#8220;</li>



<li>Zieh das gewünschte Widget an die richtige Stelle</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="399" height="563" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Elemente-Auswahl.jpg" alt="Screenshot des Elementor-Widget-Menüs. Oben drei Tabs: 'Widgets', 'Globals' (aktiv) und 'SEO'. Darunter eine Suchleiste für Widgets. Im Hauptbereich sechs verschiedene Widget-Optionen. Jedes Widget wird durch ein Icon und seinen Namen dargestellt." class="wp-image-14668" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Elemente-Auswahl.jpg 399w, https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Elemente-Auswahl-213x300.jpg 213w" sizes="(max-width: 399px) 100vw, 399px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Wenn du ein globales Widget an einer Stelle änderst, ändert es sich überall.</strong> Das ist praktisch, aber nicht immer sinnvoll. Überlege dir also genau, wo du diese Funktion einsetzen willst.</p>



<p class="wp-block-paragraph">Globale Widgets sind super hilfreich, aber manchmal willst du lokale Änderungen machen. In dem Fall kannst du das globale Widget an einer bestimmten Stelle <strong>in ein normales Widget umwandeln</strong>. Klick dafür auf &#8222;Verknüpfung aufheben&#8220; im Widget-Menü.</p>



<p class="wp-block-paragraph">So kannst du globale Widgets super für Buttons mit unterschiedlichen Links oder Formulare mit unterschiedlichen Feldern nutzen. Der Hauptzweck ist dabei, dass du dir die Zeit sparst, das Element zu gestalten und einzurichten.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="372" height="628" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Elemente-Bearbeitung.jpg" alt="Screenshot eines 'Global Editing'-Hinweises in Elementor. Oben eine niedliche Illustration eines Würfel-Charakters mit Brille, der ein Häkchen zeigt. Darunter der Text 'Your Global Widget is locked' mit einer deutschen Erklärung. Am unteren Bildrand zwei Aktions-Buttons: ein grauer 'Bearbeiten'-Button und ein roter Button 'Verknüpfung aufheben'." class="wp-image-14669" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Elemente-Bearbeitung.jpg 372w, https://anitaschwarz.com/wp-content/uploads/Elementor-Globale-Elemente-Bearbeitung-178x300.jpg 178w" sizes="(max-width: 372px) 100vw, 372px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-3-favoriten-hinzufugen">Elementor-Tipp 3: Favoriten hinzufügen</h2>



<p class="wp-block-paragraph">Elementor hat eine lange Liste an Widgets. Viele davon brauchst du selten oder gar nicht. Mit der Favoriten-Funktion kannst du Elemente, die du häufig nutzt, oben in einem eigenen Menü sammeln.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="favoriten-hinzufugen">Favoriten hinzufügen</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ol class="wp-block-list">
<li>Klicke mit der rechten Maustaste auf ein Element.</li>



<li>Wähle &#8222;Zu Favoriten hinzufügen&#8220; aus.</li>
</ol>



<p class="wp-block-paragraph">Deine festgelegten Favoriten findest du anschließend in einem eigenen Menü in der Übersicht.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="452" height="583" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Elemente-als-Favoriten-abspeichern.jpg" alt="Screenshot der Elementor-Widget-Liste. Ein Popup-Hinweis 'Zu Favoriten hinzufügen' ist sichtbar." class="wp-image-14683" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Elemente-als-Favoriten-abspeichern.jpg 452w, https://anitaschwarz.com/wp-content/uploads/Elementor-Elemente-als-Favoriten-abspeichern-233x300.jpg 233w" sizes="(max-width: 452px) 100vw, 452px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="favoriten-entfernen">Favoriten entfernen</h3>



<ol class="wp-block-list">
<li>Klicke mit der rechten Maustaste auf das Element, das du entfernen möchtest.</li>



<li>Wähle &#8222;Aus Favoriten entfernen&#8220; aus.</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Praxis-Tipp</strong>: Markiere nur die Elemente als Favoriten, die du wirklich ständig brauchst. So bleibt&#8217;s übersichtlich!</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Nutze den <a href="https://anitaschwarz.com/website-schneller-machen/#tipp-2-element-manager-nutzen" target="_blank" rel="noreferrer noopener">Element Manager</a> von Elementor für noch mehr Übersicht in deinen Elementen. Damit kannst du Elemente, die du nie verwendest aus der Übersicht ausblenden. <a href="https://anitaschwarz.com/website-schneller-machen/#tipp-2-element-manager-nutzen" target="_blank" rel="noreferrer noopener">Hier zeige ich dir, wie du den Element Manager nutzt.</a></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-4-standard-einstellungen">Elementor-Tipp 4: Standard-Einstellungen</h2>



<p class="wp-block-paragraph">Du hast für deine Überschriften, Buttons, Container, &#8230; Einstellungen, die du zukünftig auf alle Elemente anwenden möchtest? Mit der Funktion &#8222;Als Standard speichern&#8220; kannst du deine eigenen Elementor-Standards speichern.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="was-kannst-du-als-standard-speichern">Was kannst du als Standard speichern?</h3>



<p class="wp-block-paragraph">Für einzelne Elemente kannst du Standard-Einstellungen festlegen. Dabei werden alle Einstellungen gespeichert, sowohl Design als auch Inhalte.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="so-richtest-du-standard-elemente-ein">So richtest du Standard-Elemente ein</h3>



<ol class="wp-block-list">
<li>beliebiges Element fertig gestalten</li>



<li>Rechtsklick auf das Element</li>



<li>&#8222;Als Standard speichern&#8220; wählen</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du das Element jetzt aus der Widget-Übersicht auf deiner Seite neu einfügst, werden alle Einstellungen übernommen.</p>



<p class="wp-block-paragraph">Du kannst diesen neu festgelegten Standard jederzeit überschreiben, in dem du den beschriebenen Vorgang wiederholst.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Für Elemente, die du regelmäßig verwendest, lohnen sich Standard-Einstellungen besonders.</strong></p>



<p class="wp-block-paragraph">Manchmal brauchst du Ausnahmen vom Standard. Die kannst du jederzeit einzeln anpassen. Ausgangsbasis ist dafür deine festgelegte Standard-Vorlage.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-5-templates-erstellen-und-einfugen">Elementor-Tipp 5: Templates erstellen und einfügen</h2>



<p class="wp-block-paragraph">Manche Layouts oder Seitenabschnitte brauchst du immer wieder. Hier kommen Templates ins Spiel. Templates sind fertige Bausteine für deine Website. Das können einzelne Abschnitte sein oder sogar komplette Seiten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="eigenes-template-erstellen">Eigenes Template erstellen</h3>



<ol class="wp-block-list">
<li>Gestalte einen Bereich, den du später wiederverwenden möchtest.</li>



<li>Speichere den Bereich als Template ab &#8211; je nachdem, ob du einen Container oder eine Seite speichern möchtest, ist der Vorgang unterschiedlich</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading">für Abschnitte</h4>



<p class="wp-block-paragraph">Bewege deinen Mauszeiger auf die 6 Punkte oben im Abschnitt</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="308" height="83" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Container-bearbeiten.jpg" alt="" class="wp-image-14691" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Container-bearbeiten.jpg 308w, https://anitaschwarz.com/wp-content/uploads/Elementor-Container-bearbeiten-300x81.jpg 300w" sizes="(max-width: 308px) 100vw, 308px" /></figure>



<p class="wp-block-paragraph">Klicke hier die rechte Maustaste und wähle &#8222;Als Template speichern&#8220;.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading">für Seiten</h4>



<p class="wp-block-paragraph">Klicke rechts oben neben &#8222;Veröffentlichen&#8220; auf den kleinen Pfeil und wähle &#8222;Als Template speichern&#8220;.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="252" height="253" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-Seite.jpg" alt="Screenshot eines Dropdown-Menüs unter dem 'Veröffentlichen'-Button in Elementor. Das Menü enthält vier Optionen: 'Als Entwurf speichern', 'Als Template speichern', 'Update (Lock Modified Date)' und 'Seite anzeigen'." class="wp-image-14194" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-Seite.jpg 252w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-Seite-150x150.jpg 150w" sizes="(max-width: 252px) 100vw, 252px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">3. Gib deinem Template einen eindeutigen Namen &#8211; z.B. &#8222;Abschnitt &#8211; Über mich mit Button &#8211; Foto links&#8220;</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Mein Tipp aus der Praxis:</strong> Nutze aussagekräftige Namen für deine Templates. &#8222;Footer-neu-final&#8220; hilft dir in drei Monaten nicht mehr weiter. Besser: &#8222;Footer-mit-Newsletterformular-dreispaltig&#8220;.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="eigenes-template-einfugen">Eigenes Template einfügen</h3>



<p class="wp-block-paragraph">Du kannst dein gespeichertes Template einfach auf jeder Seite einfügen:</p>



<p class="wp-block-paragraph">1. Klicke auf das Ordner-Symbol in Elementor</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="170" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-1024x170.jpg" alt="Screenshot eines leeren Elementor-Bereichs. In der Mitte befinden sich zwei graue, runde Buttons (Plus und Ordner) und darunter der Text 'Widget hierher ziehen'." class="wp-image-14187" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-1024x170.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-300x50.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-768x128.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen.jpg 1160w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">2. Such dir das gewünschte Template aus und füge es ein</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Templates sind super praktisch &#8211; aber übertreib es nicht damit.</strong> Zu viele Templates machen deine Bibliothek schnell unübersichtlich. Speichere nur die Layouts, die du regelmäßig brauchst.</p>



<p class="wp-block-paragraph">Wie du einzelne Abschnitte oder ganze Seiten kopierst, ohne sie als Template zwischenzuspeichern, zeige ich dir im nächsten Tipp.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-6-abschnitt-kopieren-und-einfugen">Elementor-Tipp 6: Abschnitt oder Element kopieren und einfügen</h2>



<p class="wp-block-paragraph">Du hast ein Element oder einen Abschnitt fertig gestaltet und möchtest ihn an anderer Stelle wiederverwenden? Genau dafür findest du in Elementor die Funktionen &#8222;Kopieren&#8220; und &#8222;Einfügen&#8220;, wie du sie von Word kennst. Und das nicht nur innerhalb deiner aktuellen Seite, sondern auch seitenübergreifend!</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="die-wichtigsten-copy-paste-methoden">Die wichtigsten Copy &amp; Paste Methoden</h3>



<h4 class="wp-block-heading">Methode 1: Klassisches Kopieren</h4>



<ol class="wp-block-list">
<li>Element auswählen</li>



<li>Kopieren: Strg + C oder rechte Maustaste &#8222;Kopieren&#8220;</li>



<li>an die Stelle wechseln, wo du den kopierten Inhalt einfügen möchtest</li>



<li>Einfügen: Strg + V oder rechte Maustaste &#8222;Einfügen&#8220;</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" id="methode-2-duplizieren">Methode 2: Duplizieren</h4>



<ol class="wp-block-list">
<li>Element auswählen</li>



<li>Duplizieren: Strg + D oder rechte Maustaste &#8222;Duplizieren&#8220;<br>Perfekt, wenn du das Element direkt darunter brauchst</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Die Funktion &#8222;Duplizieren&#8220; nutze ich gerne, um in einem Abschnitt etwas auszuprobieren. So kann ich vergleichen, welche Option mir besser gefällt und den anderen Abschnitt löschen &#8211; oder ihn als <a href="#elementor-tipp-5-templates-erstellen-und-einfugen">Template speichern</a>, um ihn für andere Zwecke zu nutzen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Extra-Tipp aus meinem Alltag</strong>: Wenn du mehrere Elemente von einer Seite auf eine andere kopieren willst, öffne beide Seiten in verschiedenen Tabs. So kannst du schnell hin und her springen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Und noch ein Tipp</strong>: Wenn du einen Abschnitt häufig brauchst, <a href="#elementor-tipp-5-templates-erstellen-und-einfugen">speichere ihn als Template ab</a>. Damit hast du ihn immer griffbereit in deiner Template-Bibliothek. Einzelne Elemente, die du häufig nutzt, kannst du <a href="#elementor-tipp-2-globales-widget-erstellen">als globales Widget abspeichern</a> und anschließend die Verknüpfung aufheben, um es unabhängig von anderen Elementen bearbeiten zu können.</p>


		<div data-elementor-type="page" data-elementor-id="11227" class="elementor elementor-11227" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-78c8444 e-flex e-con-boxed e-con e-parent" data-id="78c8444" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-ff7f03e e-con-full blur-overlay e-flex e-con e-child" data-id="ff7f03e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-954109b elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="954109b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjExMjQwIiwidG9nZ2xlIjpmYWxzZX0%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Checkliste</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-59440f0 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="59440f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Deine Website läuft...<br>aber läuft sie auch GUT?</div>				</div>
				<div class="elementor-element elementor-element-6a5a409 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="6a5a409" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Niemand will böse Überraschungen auf der Website. Abmahnungen, Hackerangriffe oder Besucher*innen, die sofort wieder wegklicken.</p><p>Mit dieser Checkliste erfährst du, ob alles stimmt und du nichts Wichtiges übersehen hast. <strong>40+ Punkte aus 5 wichtigen Bereichen</strong> &#8211; verständlich erklärt, ohne dass du Technik-Expertin sein musst.</p>								</div>
		<div class="elementor-element elementor-element-91d37f7 e-con-full e-flex e-con e-child" data-id="91d37f7" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
		<div class="elementor-element elementor-element-b055006 e-con-full e-flex e-con e-child" data-id="b055006" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-aefb247 elementor-widget-tablet__width-inherit elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="aefb247" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items elementor-inline-items">
							<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Sicherheit</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Rechtliches</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Funktionsfähigkeit</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Benutzerfreundlichkeit​</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Suchmaschinenoptimierung</span>
									</li>
						</ul>
						</div>
				<div class="elementor-element elementor-element-225982e elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="225982e" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjExMjQwIiwidG9nZ2xlIjpmYWxzZX0%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Checkliste für 0 € holen</span>
					</span>
					</a>
								</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-7-rechtsklick-menu">Elementor-Tipp 7: Rechtsklick-Menü</h2>



<p class="wp-block-paragraph">Mit einem Rechtsklick bekommst du in Elementor ein Menü voller praktischer Funktionen. Ein paar davon hast du in den ersten Tipps kennengelernt.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="die-wichtigsten-funktionen-im-rechtsklick-menu">Die wichtigsten Funktionen im Rechtsklick-Menü</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>Duplizieren</li>



<li>Kopieren</li>



<li>Einfügen</li>



<li>Stile anwenden<br>mehr <a href="#elementor-tipp-8-stil-kopieren-und-einfugen">Tipp 8: Stil kopieren und einfügen</a></li>



<li>Als global speichern (nur für einzelne Elemente verfügbar)<br>mehr <a href="#elementor-tipp-2-globales-widget-erstellen">Tipp 2: Globales Widget erstellen</a></li>



<li>Als Template speichern (nur für Container verfügbar)<br>mehr <a href="#elementor-tipp-5-templates-erstellen-und-einfugen">Tipp 5: Templates erstellen und einfügen</a></li>



<li>Als Standard speichern<br>mehr <a href="#elementor-tipp-4-standard-einstellungen">Tipp 4: Standard-Einstellungen</a></li>



<li>Löschen</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="376" height="526" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget.jpg" alt="Screenshot eines Elementor-Rechtsklick-Menüs. Das Menü zeigt verschiedene Bearbeitungsoptionen: 'Überschrift bearbeiten', 'Duplizieren', 'Kopieren', 'Einfügen', 'Stile anwenden', 'Von anderer Website einfügen', 'Stil zurücksetzen', 'Als global speichern', 'Als Standard speichern', 'Notes', 'Struktur' und 'Löschen'. Rechts neben einigen Optionen sind Tastaturkürzel angegeben." class="wp-image-14180" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget.jpg 376w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-214x300.jpg 214w" sizes="(max-width: 376px) 100vw, 376px" /></figure>
</div>
</div>



<p class="wp-block-paragraph"><strong>Das Rechtsklick-Menü zeigt dir immer nur die Optionen, die für das ausgewählte Element verfügbar sind.</strong> Also nicht wundern, wenn mal eine Option fehlt &#8211; dann ist sie für dieses Element nicht verfügbar!</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-8-stil-kopieren-und-einfugen">Elementor-Tipp 8: Stil kopieren und einfügen</h2>



<p class="wp-block-paragraph">Du hast einen Button perfekt eingerichtet und möchtest genau dieses Design für andere Buttons übernehmen. Statt alle Einstellungen einzeln neu einzugeben, kannst du den kompletten Stil kopieren und auf andere Elemente übertragen. Das ist ein wenig wie zaubern.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="so-kopierst-du-stile-in-elementor">So kopierst du Stile in Elementor</h3>



<ol class="wp-block-list">
<li><strong>Stil kopieren:</strong>
<ul class="wp-block-list">
<li>Rechtsklick auf das Element mit dem Design, das du magst</li>



<li>Wähle &#8222;Kopieren&#8220;</li>
</ul>
</li>



<li><strong>Stil einfügen:</strong>
<ul class="wp-block-list">
<li>Rechtsklick auf das Element, das das Design bekommen soll</li>



<li>Wähle &#8222;Stile anwenden&#8220;</li>
</ul>
</li>
</ol>



<p class="wp-block-paragraph"><strong>Das war&#8217;s schon.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Praxis-Tipp</strong>: Das funktioniert auch zwischen verschiedenen Seiten. Kopiere den Stil auf Seite A und füg ihn auf Seite B ein.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="was-wird-alles-kopiert">Was wird alles kopiert?</h3>



<ul class="wp-block-list">
<li>Farben</li>



<li>Schriftarten</li>



<li>Größen</li>



<li>Abstände</li>



<li>Hintergründe</li>



<li>Rahmen</li>



<li>Schatten</li>



<li>Animationen</li>



<li>&#8230;</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Kurz gesagt: <strong>Du überträgst damit nur das Design, <span style="text-decoration: underline;">nicht den Inhalt</span>.</strong> Text, Bilder und Links bleiben, wie sie sind. Das ist genau das, was wir wollen: Gleicher Look, individueller Inhalt!</p>



<p class="wp-block-paragraph"><strong>Wenn du auch den Inhalt kopieren willst, sieh dir <a href="#elementor-tipp-6-abschnitt-kopieren-und-einfugen">Tipp 6 (Elemente kopieren und einfügen)</a> an.</strong></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-9-editor-schneller-offnen">Elementor-Tipp 9: Editor schneller öffnen</h2>



<p class="wp-block-paragraph">Gehst du noch den Umweg? Erst die Seite suchen, dann auf &#8222;Bearbeiten&#8220;, dann auf &#8222;Mit Elementor bearbeiten&#8220;&#8230; Das geht auch schneller! Ich zeig dir, wie du von der Seite direkt im Elementor-Editor landest.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="von-der-live-seite-in-den-elementor-editor">Von der Live-Seite in den Elementor-Editor</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>Öffne die jeweilige Seite, die du bearbeiten willst im Browser</li>



<li>Klicke oben in der Bearbeitungs-Leiste auf &#8222;Mit Elementor bearbeiten&#8220;</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du erstmal den Mauszeiger drauf bewegst, werden dir darunter weitere Elemente, die du auf dieser Seite nutzt, angezeigt. Zum Beispiel deine Kopf- und Fußzeile.</p>



<p class="wp-block-paragraph">Und unten kannst du in die Website-Einstellungen oder in den Theme Builder wechseln.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="288" height="342" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Mit-Elementor-Bearbeiten-Auswahl.jpg" alt="Screenshot eines Elementor-Navigationsmenüs, beginnend mit 'Mit Elementor bearbeiten'. Darunter eine Liste von Website-Bereichen." class="wp-image-14712" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Mit-Elementor-Bearbeiten-Auswahl.jpg 288w, https://anitaschwarz.com/wp-content/uploads/Elementor-Mit-Elementor-Bearbeiten-Auswahl-253x300.jpg 253w" sizes="(max-width: 288px) 100vw, 288px" /></figure>
</div>
</div>



<p class="wp-block-paragraph"><strong>Praxis-Tipp</strong>: Mach dir ein Lesezeichen von einer Seite im Elementor-Editor &#8211; dann kommst du direkt dort hin! Das ist praktisch für Seiten, an denen du über mehrere Tage oder Wochen regelmäßig arbeitest.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-10-navigator">Elementor-Tipp 10: Navigator anzeigen</h2>



<p class="wp-block-paragraph">Der Navigator hilft dir, dir Überblick über deine Seiten-Struktur zu verschaffen und schnell zu finden, was du suchst. Das ist auf langen Seiten Gold wert.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="wo-versteckt-sich-der-navigator">Wo versteckt sich der Navigator?</h3>



<p class="wp-block-paragraph">Du findest den Navigator auf zwei Wegen:</p>



<p class="wp-block-paragraph"><strong>Variante 1:</strong> Klick auf das Navigator-Symbol in der Elementor-Leiste</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="52" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Navigator-Symbol-1024x52.jpg" alt="Screenshot der oberen Menüleiste im Elementor-Editor." class="wp-image-14715" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Navigator-Symbol-1024x52.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Navigator-Symbol-300x15.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Navigator-Symbol-768x39.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Navigator-Symbol.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Variante 2: </strong>Drück einfach Strg + I auf deiner Tastatur</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="so-arbeitest-du-mit-dem-navigator">So arbeitest du mit dem Navigator</h3>



<ol class="wp-block-list">
<li>Benenne deine Container sinnvoll<br><em>zum Beispiel</em>
<ul class="wp-block-list">
<li>Header-Bereich</li>



<li>Anmelde-Formular</li>



<li>Angebots-Übersicht</li>
</ul>
</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Mach dir die Mühe, jeden Abschnitt beim Erstellen vernünftig zu benennen. Das fühlt sich am Anfang nach extra Arbeit an &#8211; spart dir aber später Zeit beim Suchen und Anpassen!</p>



<p class="wp-block-paragraph"><strong>Kein Anspruch auf Vollständigkeit: </strong>Alles, was sich in der 2. Ebene oder tiefer befindet, benenne ich nicht um. Sobald ich den Container gefunden habe, ist klar, was sich hinter &#8222;Button&#8220; oder &#8222;Überschrift&#8220; verbirgt.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="die-wichtigsten-navigator-funktionen">Die wichtigsten Navigator-Funktionen</h3>



<p class="wp-block-paragraph"><strong>Elemente finden:</strong><br>&#8211; Klick auf ein Element im Navigator<br>&#8211; Elementor scrollt an die Stelle und das Element wird markiert<br>&#8211; Kein langes Suchen mehr!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Strukturen ändern:<br></strong>&#8211; Zieh Elemente per Drag &amp; Drop um<br>&#8211; Verschachtele sie in andere Container<br>&#8211; Ändere die Reihenfolge</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>schnelles bearbeiten:</strong><br>&#8211; Rechtsklick im Navigator<br>&#8211; Elemente duplizieren oder kopieren</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>mehrere Elemente gleichzeitig bearbeiten:</strong><br>&#8211; Halte Strg gedrückt und wähle mit der Maus mehrere Elemente aus<br>&#8211; Kopiere, verschiebe oder lösche sie gemeinsam</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-11-finder-funktion">Elementor-Tipp 11: Finder-Funktion</h2>



<p class="wp-block-paragraph">Wusstest du, dass du direkt im Elementor-Editor zwischen verschiedenen Seiten wechseln kannst? Das funktioniert mit Hilfe der Finder-Funktion.</p>



<p class="wp-block-paragraph">Die Finder-Funktion findest du im Elementor-Editor in der oberen Bearbeitungsleiste auf der rechten Seite unter dem Lupen-Symbol. Oder du nutzt die Tastenkombination Strg + E.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="52" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Finder-Symbol-1024x52.jpg" alt="Screenshot der oberen Menüleiste im Elementor-Editor." class="wp-image-14726" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Finder-Symbol-1024x52.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Finder-Symbol-300x15.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Finder-Symbol-768x39.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Finder-Symbol.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="so-nutzt-du-den-finder">So nutzt du den Finder</h3>



<ol class="wp-block-list">
<li><strong>Finder öffnen:</strong>
<ul class="wp-block-list">
<li>Drück Strg + E oder</li>



<li>klicke auf das Lupen-Symbol in der Elementor-Leiste (oben, rechts)</li>
</ul>
</li>



<li>Namen der Seite oder Vorlage eintippen</li>



<li>jeweilige Seite oder Vorlage aus den Vorschlägen auswählen</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Hinweis: </strong>Der Finder zeigt dir nur Seiten und Vorlagen, die mit Elementor erstellt wurden. Seiten, die du mit dem Standard-Editor erstellt hast, findest du hier nicht.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-12-verlauf">Elementor-Tipp 12: Verlauf anzeigen</h2>



<p class="wp-block-paragraph">Du probierst etwas aus, dann noch was und plötzlich denkst du: &#8222;Ups, die Version von vor 15 Minuten war eigentlich besser!&#8220; Mit dem Verlauf in Elementor kein Problem. Denn damit kannst du zu früheren Versionen zurückspringen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="wo-versteckt-sich-der-verlauf">Wo versteckt sich der Verlauf?</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">Du findest den Verlauf auf zwei Wegen:</p>



<p class="wp-block-paragraph"><strong>Variante 1:</strong> Klick auf das Elementor-Symbol links in der Elementor-Leiste und wähle &#8222;Verlauf&#8220;.</p>



<p class="wp-block-paragraph"><strong>Variante 2: </strong>Drück Strg + Shift + H auf deiner Tastatur</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="265" height="256" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Verlauf-oeffnen.jpg" alt="Screenshot eines Elementor-Menüs, das sich nach Klick auf das Hamburger-Menü-Symbol öffnet. Es enthält fünf Optionen: 'Theme Builder', 'Verlauf', 'Benutzer-Einstellungen', 'Tastaturkürzel' und 'Zu WordPress wechseln'." class="wp-image-14729"/></figure>
</div>
</div>



<h3 class="wp-block-heading" id="das-kannst-du-mit-dem-verlauf-machen">Das kannst du mit dem Verlauf machen</h3>



<h4 class="wp-block-heading">Kurz zurückspringen:</h4>



<p class="wp-block-paragraph">&#8211; Einzelne Aktionen rückgängig machen<br>&#8211; Perfekt für schnelle Korrekturen<br>&#8211; Funktioniert wie Strg + Z</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Weit zurückspringen:</h4>



<p class="wp-block-paragraph">&#8211; Zu einem bestimmten Punkt zurückkehren<br>&#8211; Alle Änderungen dazwischen werden rückgängig gemacht<br>&#8211; Super bei größeren Experimenten</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Aber aufpassen:</strong> Der Verlauf wird zurückgesetzt, wenn du Elementor schließt oder die Seite neu lädst.</p>



<p class="wp-block-paragraph">Für größere Experimente empfehle ich dir entweder einen einzelnen Abschnitt, den du bearbeiten willst zu <a href="#methode-2-duplizieren">duplizieren</a> oder die <a href="#elementor-tipp-5-templates-erstellen-und-einfugen">Seite als Template abzuspeichern</a>. So kannst du jederzeit die Vorgängerversion zuverlässig wiederherstellen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-tipp-13-tastenkombinationen">Elementor-Tipp 13: Tastenkombinationen</h2>



<p class="wp-block-paragraph">Einmalig genutzt spart eine Tastenkombination nicht viel Zeit. Aber, wenn du sie immer wieder verwendest, wächst die Zeitersparnis und das Arbeiten mit Elementor wird immer flüssiger.</p>



<p class="wp-block-paragraph">Wenn du bisher noch keine Tastenkombinationen genutzt hast, dann empfehle ich dir, dir erstmals die Basics anzusehen. Diese kannst du auch für viele andere Anwendungen am PC verwenden.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="basics-die-du-regelmassig-brauchst">Basics, die du regelmäßig brauchst</h3>



<p class="wp-block-paragraph">Strg + C: Kopieren<br>Strg + D: Duplizieren<br>Strg + S: Speichern, speichern, speichern!<br>Strg + V: Einfügen<br>Strg + Z: Rückgängig<br>Strg + Shift + Z: Wiederholen <em>&#8211; wenn du etwas versehentlich rückgängig gemacht hast</em></p>



<p class="wp-block-paragraph"><strong>Praxis-Tipp: </strong>Mach es dir zur Gewohnheit, regelmäßig Strg + S zu drücken. Nichts ist frustrierender als verlorene Änderungen!</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="weitere-nutzliche-tastenkombis">Weitere nützliche Tastenkombis</h3>



<p class="wp-block-paragraph">Strg + E: Schnellsuche (Finder) öffnen (mehr <a href="#elementor-tipp-11-finder-funktion">Tipp 11: Finder-Funktion</a>)<br>Strg + I: Navigator ein/ausblenden (mehr <a href="#elementor-tipp-10-navigator">Tipp 10: Navigator</a>)<br>Strg + P: Vorschaumodus öffnen<br>Strg + Shift + H: Verlauf öffnen<br>Strg + Shift + M: Ansicht wechseln (Desktop, Tablet, Mobil)</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Konzentriere dich am Anfang auf 2-3 Shortcuts, die du oft brauchst.</strong> Wenn du diese verinnerlicht hast, kommen die nächsten dran. So überforderst du dich nicht und baust dir Schritt für Schritt einen schnelleren Workflow auf.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-large-font-size wp-block-paragraph"><strong>Endlich weniger Klicks</strong></p>



<p class="wp-block-paragraph"><strong>Mit diesen 13 Zeitspar-Tipps verringerst du die Zeit, die du für Website-Änderungen brauchst</strong> und kannst dich auf das Wesentliche konzentrieren: Deine Angebote und deine Kund*innen.</p>



<p class="wp-block-paragraph">Übrigens: Im <a href="https://anitaschwarz.com/website-hafen/" target="_blank" rel="noreferrer noopener">Website-Hafen</a> zeige ich dir Schritt für Schritt viele weitere Möglichkeiten, wie du deine Website selbstständig und zeitsparend gestalten kannst. Damit du mehr Zeit für die wichtigen Dinge in deinem Business hast.</p>



<p class="wp-block-paragraph"><strong>Ich bin gespannt, welcher Tipp darf dir ab sofort Zeit sparen?</strong> Schreib es mir gerne in die Kommentare!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/elementor-tipps/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Wenig Zeit fürs Marketing? – So kombinierst du Blog und Social Media</title>
		<link>https://anitaschwarz.com/blog-und-social-media-kombinieren/</link>
					<comments>https://anitaschwarz.com/blog-und-social-media-kombinieren/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 28 Oct 2024 05:00:00 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=14281</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Online-Marketing-Mentorin Steffi Müsse verrät dir in diesem Beitrag, wie du deinen Blog und Social Media sinnvoll kombinieren kannst. Inklusive Idee, wie du aus einem Blog-Artikel mehrere Social Media Posts machst.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Wenig-Zeit-fuers-Marketing-So-kombinierst-du-Blog-und-Social-Media-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/0b4c786647b14df980f977903389c329" width="1" height="1" alt="">



<p class="wp-block-paragraph">Hast du dich auch mal selbstständig gemacht, um <strong>mehr Zeit und mehr Freiheiten</strong> zu haben? Selbstbestimmter zu arbeiten und mehr von dem machen zu können, was du am liebsten tust? Dann geht’s dir genauso wie mir – und wie vielen anderen Selbstständigen.</p>



<p class="wp-block-paragraph">Die Krux an der Sache ist nur: <strong>Wir müssen ja irgendwie bekannter werden</strong>, „sichtbarer“ werden, damit potenzielle Kund:innen überhaupt von uns erfahren. Das ist letztlich der Schlüssel zu einer wirklich erfolgreichen und lukrativen Selbstständigkeit. Es braucht also Marketing.</p>



<p class="wp-block-paragraph">Und dann sitzen viele von uns auf einmal doch wieder in einem Hamsterrad. Im <strong>Marketing-Hamsterrad</strong>: Wir recherchieren und grübeln über Themen. Wir erstellen schicke Grafiken und verlieren uns dabei manchmal stundenlang in Canva. Wir formulieren Blog-Artikel (<em>wenn’s gut läuft</em>) – oder starren auf ein weißes, digitales Blatt Papier (<em>wenn’s schlecht läuf</em>t).</p>



<p class="wp-block-paragraph">So geht’s zumindest vielen meiner Kund:innen. Klar, viele Selbstständige wissen schon einiges übers Bloggen, über Social Media und das Schreiben von Newslettern. Allein, <strong>es fehlt der rote Faden</strong>. Der Fahrplan, mit dem sie diese Tools sinnvoll in ihr Business integrieren und zeitsparend umsetzen können. Und zwar so, dass es am Ende wirklich neue Aufträge bringt – und nicht nur Zeit verbrennt.</p>



<p class="wp-block-paragraph"><strong>Wie du Blog und Social Media sinnvoll kombinierst</strong>, liest du in diesem Blog-Artikel.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="warum-blog-und-social-media">Warum überhaupt die Kombination aus Blog und Social Media?</h2>



<p class="wp-block-paragraph">Als ich mich Anfang 2021 selbstständig gemacht habe, stand ich wie viele andere vor der Frage: „<strong>Woher sollen die ganzen Kund:innen kommen?</strong>“ Ich hatte meine Vollzeitstelle gekündigt und war von 0 auf 100% selbstständig gegangen. Von irgendwas musste ich also leben.</p>



<p class="wp-block-paragraph">Marketing war für mich absolut naheliegend, weil ich aus dem Bereich komme. Gleichzeitig wusste ich, dass ich als eher „stille“ Person <strong>keine Lust hatte, Kaltakquise zu machen oder ständig auf Netzwerk-Treffen rumzuhängen</strong>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Dann lernte ich die <strong>Vorteile eines Blogs</strong> kennen. Grundsätzlich kannte ich Blogs schon länger, ich hatte nur keine Ahnung, dass Selbstständige durch Blog-Artikel besser in Suchmaschinen gefunden werden und so potenzielle Kund:innen auf sich aufmerksam machen können. Ich habe schon immer gern geschrieben, deshalb war ich von der Idee begeistert und fing an zu bloggen.</p>



<p class="wp-block-paragraph">Gleichzeitig startete ich <strong>einen Instagram-Account und eine Facebook-Seite</strong> für meine Selbstständigkeit. Ich hatte in den letzten Jahren für Arbeitgeber schon professionell mit Social Media gearbeitet, deshalb war das für mich naheliegend.</p>



<p class="wp-block-paragraph"><strong>Und diese Kombination hat sich als absolut wertvoll erwiesen</strong>: Durch Instagram und Facebook sind relativ schnell die ersten Kund:innen auf mich aufmerksam geworden. Auf Social Media können wir die schnelle, aber eben auch kurzfristige Aufmerksamkeit bekommen. Der Blog meiner (neuen) Website hat eine Weile gebraucht, bis er „funktioniert“ hat. Aber auch so finden heute regelmäßig Kund:innen zu mir – und zwar teilweise durch Blog-Artikel, die schon Monate oder Jahre alt sind.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Es ist also eine Kombination aus <strong>einem langfristigen und nachhaltigen Marketing-Kanal</strong> (Blog) und einem Kanal für schnelle, <strong>kurzfristige Aufmerksamkeit</strong> (Social Media).</p>



<p class="wp-block-paragraph">Bei mir sind mittlerweile noch Newsletter, LinkedIn und ein Podcast dazugekommen. Das alles kombiniere ich effizient, damit ich eben nicht nur für mein Marketing arbeite, sondern <strong>mein Marketing für mich arbeiten kann</strong>. 😉 Und ich erzähle dir gerne noch mehr dazu.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="wo-anfangen">Wo fängst du an – mit dem Blog oder mit Social Media?</h2>



<p class="wp-block-paragraph">Definitiv mit dem Blog! <strong>Der Blog ist dein „Long-Content“-Kanal</strong>. Das heißt, dass die Inhalte hier länger sind und mehr in die Tiefe gehen dürfen. Gleichzeitig darfst du dich darauf verlassen, dass sie auch langfristig für dich funktionieren und arbeiten und nicht morgen schon wieder alt sind. Social Media ist dann sozusagen für die „Zweitverwertung“ da.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="themen-finden">Themen für Blog-Artikel und Social-Media-Posts finden</h2>



<p class="wp-block-paragraph">Hier geht es darum, nicht einfach irgendwelche Themen für dein Marketing zu finden, die du für wichtig hältst. Nein, die Themen sollten <strong>relevant <u>für deine Zielgruppe</u></strong> sein. Und richtig genial wird es dann, wenn die Themen auch gleichzeitig <strong>auf dein Angebot hinführen</strong>. Die Frage sollte also nicht nur sein: „Welche Themen interessieren meine idealen Kund:innen?“ Sondern auch: „Welche Themen sorgen dafür, dass sie mein Angebot haben möchten?“ Dann wird’s richtig effektiv.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="wie-findest-du-diese-themen">Aber wie findest du diese Themen?</h3>



<p class="wp-block-paragraph">Indem du <strong>deiner Zielgruppe zuhörst</strong>: Welche Herausforderungen haben sie (die du mit deinem Angebot lösen kannst)? Was wünschen sie sich stattdessen? Welche Fragen stellen sie dir zu deinem Thema und zu deinem Angebot?</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="keywords-fur-deine-blog-artikel-finden">Keywords für deine Blog-Artikel finden</h2>



<p class="wp-block-paragraph">Wenn du dich (zusammen mit Anita) schon mit deiner Website und vielleicht auch der Suchmaschinenoptimierung (SEO) beschäftigt hast, dann hast du bestimmt schon von Keywords gehört.</p>



<p class="wp-block-paragraph">Falls nicht: Das ist nichts übertrieben Kompliziertes oder Technisches. Letztlich geht es einfach darum, zu verstehen, <strong>welche Begriffe und Kombinationen von Begriffen für dein Thema gegoogelt werden</strong>. Als Expert:innen nutzen wir ja manchmal ganz andere Wörter als unsere Kund:innen. Deshalb ist es wichtig zu verstehen, was deine Zielgruppe bei Google oder Ecosia eingibt.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="keywords-vorgang"><strong>Dabei gehe ich so vor:</strong></h3>



<p class="wp-block-paragraph">1. <strong>Zuhören</strong>. (<em>Das wiederhole ich an dieser Stelle nochmal, weil es einfach so wichtig ist!</em>) Höre deiner Zielgruppe und vor allem deinen Kund:innen genau zu. Mache im Kennenlern-Gespräch unbedingt Notizen und schreibe die Formulierungen 1:1 mit. So hast du erste gute Hinweise dazu, welche Wörter deine Zielgruppe nutzt – und wie.</p>



<ol class="wp-block-list">
<li></li>
</ol>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">2. <strong>Mit Keyword-Tools recherchieren</strong>: Hier gibt es soooo viele Möglichkeiten. Ich nutze hauptsächlich Ubersuggest und den Google Keyword Planer dafür. Dort gebe ich das Keyword ein, von dem ich glaube, dass es relevant sein könnte (das sind meistens mehrere Wörter). Anschließend zeigen mir die Tools unter anderem, wie häufig der Begriff gesucht wird und wie schwierig es ist, für diesen Begriff gefunden zu werden.<br></p>



<p class="wp-block-paragraph">3. <strong>Googeln</strong>: Ich gehe im Browser in den Inkognito-Modus und gebe mein Keyword ein. So finde ich heraus, welche Seiten aktuell dafür ganz vorne landen und welche Keywords und Überschriften sie nutzen. Außerdem bekomme ich schon Hinweise darauf, welche Inhalte Nutzer:innen bei dem Thema relevant finden. Denn nur relevante Inhalte landen vorne (abgesehen von bezahlten Anzeigen).<br><br>Diese Recherche hilft mir auch dabei, den Artikel zu strukturieren und wertvolle Inhalte einfließen zu lassen. Denn das Ziel ist: Einen besseren Artikel zu schreiben als die aktuelle Nummer 1.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<ol class="wp-block-list">
<li></li>
</ol>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1483" height="318" src="https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-ubersuggest-e1727696543546.png" alt="" class="wp-image-14286" srcset="https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-ubersuggest-e1727696543546.png 1483w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-ubersuggest-e1727696543546-300x64.png 300w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-ubersuggest-e1727696543546-1024x220.png 1024w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-ubersuggest-e1727696543546-768x165.png 768w" sizes="(max-width: 1483px) 100vw, 1483px" /><figcaption class="wp-element-caption">Screenshot von Ubersuggest</figcaption></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="517" src="https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-keyword-planer-1024x517.png" alt="" class="wp-image-14285" srcset="https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-keyword-planer-1024x517.png 1024w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-keyword-planer-300x151.png 300w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-keyword-planer-768x388.png 768w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-keyword-planer.png 1290w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Screenshot im Google Keyword Planer</figcaption></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Hier siehst du am Beispiel des Keywords „Links einfügen Instagram“, wie die Ergebnisse bei Ubersuggest und im Google Keyword Planer aussehen. Das Keyword wird mehr als 100-mal pro Monat gesucht und der Wettbewerb ist eher gering. Es eignet sich somit perfekt für einen Blog-Artikel.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Falls du dich fragst, ob das wirklich funktioniert: Zu dem Keyword „Links einfügen Instagram“ habe ich einen Blog-Artikel geschrieben, der vorne bei Google landet – direkt unter dem offiziellen Hilfe-Artikel von Instagram:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="903" height="748" src="https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-funktioniert.png" alt="" class="wp-image-14287" srcset="https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-funktioniert.png 903w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-funktioniert-300x249.png 300w, https://anitaschwarz.com/wp-content/uploads/blog-social-media-kombinieren-keywordrecherche-funktioniert-768x636.png 768w" sizes="(max-width: 903px) 100vw, 903px" /><figcaption class="wp-element-caption">Screenshot von Google-Suchergebnissen zu &#8222;Links einfügen Instagram&#8220;</figcaption></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Du siehst: Wenn du nur ein bisschen Zeit in die Recherche von Themen und Keywords investierst, schaffst du die Voraussetzung dafür, dass deine Blog-Artikel <strong>über Monate und Jahre potenzielle Kund:innen auf deine Website bringen</strong>.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="aus-einem-blog-artikel-mehrere-social-media-posts">So werden aus einem Blog-Artikel mehrere Social-Media-Posts</h2>



<p class="wp-block-paragraph">Einer der größten Zeitfresser, den ich bei meinen Kund:innen im Marketing sehe, ist, dass sie das Rad immer wieder neu erfinden. Sie schreiben einen Blog-Artikel zum Thema X und posten dann bei Instagram oder LinkedIn zu den Themen A, B und C. Dabei geht es viel leichter, <strong>wenn du Blog und Social Media kombinierst</strong>.</p>



<p class="wp-block-paragraph">Du hast jetzt den einen „großen“ Blog-Artikel geschrieben. (<em>Und mit „groß“ meine ich erstmal nur größer als ein Social-Media-Post. Auch ein Blog-Artikel muss nicht episch lang sein.</em>) Aus deinem Text kannst du wunderbar <strong>mehrere Social-Media-Posts erstellen</strong>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Ich habe z. B. am Anfang <strong>mindestens 3 Posts</strong> zu einem Blog-Artikel gemacht:</p>



<p class="wp-block-paragraph">1. <strong>Überblick über den Blog-Artikel</strong>: Du erstellst einen Karussell-Post. Auf das Titelbild kommt die Überschrift deines Blog-Artikels – und vielleicht noch ein Untertitel, der mehr zum Lesen animiert. Die zweite Seite des Posts ist eine kurze Einleitung. Und dann folgen auf den weiteren Seiten die Zwischenüberschriften deines Artikels – jeweils mit 2-3 Stichpunkten. Auf der letzten Seite und im Text zum Post weist du natürlich auf deinen Blog-Artikel hin und sagst, wo deine Follower ihn finden (oder verlinkst ihn bei LinkedIn und Facebook direkt).</p>



<p class="wp-block-paragraph">2. <strong>Unterthema aufgreifen</strong>: Du nimmst eine interessante Zwischenüberschrift und machst auch daraus einen Karussell-Post. Auf das Titelbild kommt eine Überschrift, auf den weiteren Seiten folgt dann der Input aus dem entsprechenden Abschnitt deines Blog-Artikels.</p>



<p class="wp-block-paragraph">3. <strong>Persönlicher Zugang</strong>: Deine Erfahrungen sind wertvoller für deine Zielgruppe als all das allgemeine Wissen! Deshalb solltest du auch etwas Persönliches dazu posten, das dich als Expert:in positioniert. Meine Empfehlung: Poste ein Porträt-Bild von dir. Direkt auf dem Bild sollte schon eine Überschrift stehen (<em>Worum geht’s hier?</em>). Und dann schreibst du im Text von deinen Erfahrungen, gibst Empfehlungen oder sagst deine Meinung zu etwas.</p>



<ol class="wp-block-list">
<li></li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="weitere-ideen-fur-schnelle-social-media-posts"><strong>Weitere Ideen für schnelle Social-Media-Posts zu deinem Blog-Artikel:</strong></h3>



<ul class="wp-block-list">
<li><strong>Zitat rauspicken</strong>: Vielleicht gibt es in deinem Blog-Artikel einen besonders wichtigen Satz. Nutze dieses Zitat für einen Einzelpost. Im Text dazu kannst du noch etwas mehr Kontext geben.</li>
</ul>



<p class="wp-block-paragraph"></p>



<ul class="wp-block-list">
<li><strong>Einleitung kopieren</strong>: Du postest ein Foto von dir oder ein Foto, das zum Thema passt. Auf das Bild schreibst du die Überschrift deines Blog-Artikels. Für den Text kopierst du einfach deine Einleitung, passt sie falls nötig etwas an – fertig.</li>
</ul>



<p class="wp-block-paragraph"></p>



<ul class="wp-block-list">
<li><strong>Meinungen sammeln</strong>: Je nach Thema kannst du einen schönen Interaktions-Post dazu machen. Z.B.: Foto von dir, Überschrift: „Deine Meinung zu …“, im Text erklärst du kurz, worum es geht und bittest um Feedback in den Kommentaren.</li>
</ul>



<p class="wp-block-paragraph"></p>



<ul class="wp-block-list">
<li><strong>Schnelles Reel</strong>: Du filmst dich kurz beim Schreiben (15-20 Sekunden reichen), schneidest das Video passend, schreibst die Überschrift deines Blog-Artikels als Titel drauf und weist im Text darauf hin, dass es einen neuen Blog-Artikel zu diesem Thema gibt. Wenn du möchtest, kannst du dich auch länger filmen und das Ganze mit Zeitraffer posten.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="inhalte-wiederholen">Du fragst dich, ob es abschreckend ist, wenn du Inhalte wiederholst?</h2>



<p class="wp-block-paragraph">Das kann ich gut verstehen, so geht’s ganz vielen. Das fühlt sich am Anfang komisch an, weil du den Eindruck hast, dass du immer und überall dasselbe sagst bzw. schreibst. Dazu ein paar Gedanken von mir:</p>



<p class="wp-block-paragraph">1. <strong>Niemand sieht so viel von deinem Content wie du</strong>. Seien wir doch mal ehrlich: Social-Media-Posts werden überscrollt, Blog-Artikel und Newsletter überflogen und Podcasts nebenbei gehört. Das heißt, dass deine Zielgruppe wahrscheinlich nur einen kleinen Teil von dem mitbekommt, was du veröffentlichst. Viele Social-Media-Posts werden ihnen wahrscheinlich nicht mal angezeigt! Die meisten bekommen also nicht mit, wenn sich etwas wiederholt. Und der Rest nimmt es dir nicht übel.</p>



<p class="wp-block-paragraph">2. <strong>Social Media darf deinem Blog helfen</strong>. Sollte es sogar. Deine Blog-Artikel werden ja nicht sofort und automatisch gefunden. Bis SEO funktioniert, dauert es ein bisschen. Und du möchtest ja möglichst vielen Menschen deinen wertvollen Artikel zeigen – und sie somit auch auf deine Website holen. Erinnere sie bei Instagram und Co. also gerne immer mal wieder an deinen Blog-Artikel. Beim ersten Post haben sie vielleicht gedacht „Ach, interessant!“, hatten aber gerade keine Zeit. Der zweite Post wurde ihnen nicht angezeigt. Und erst beim dritten passt es, dass sie denken: „Stimmt, den Artikel wollte ich ja noch lesen!“. Und dann klicken sie drauf.</p>



<p class="wp-block-paragraph">3. <strong>Es braucht Wiederholungen</strong>. Dein Marketing lebt quasi von Wiederholungen. Expert:innen sprechen mittlerweile davon, dass es online mehr als 20 Kontaktpunkte braucht, bis jemand bereit ist, zu buchen. Heftig, oder?! Das heißt: Finde heraus, welche Kernbotschaften wichtig für dein Marketing sind – und wiederhole sie immer und immer und immer wieder. Das fühlt sich für dich am Anfang vielleicht komisch an, aber es ist wichtig, damit diese Kernbotschaften überhaupt ankommen und nicht im allgemeinen Getöse online untergehen.</p>



<ol class="wp-block-list">
<li></li>
</ol>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="fazit">Fazit: Blog und Social Media zu kombinieren ist effizient und effektiv</h2>



<p class="wp-block-paragraph">Wenn du nur zwei Dinge aus diesem Blog-Artikel mitnimmst, dann diese:</p>



<p class="wp-block-paragraph">1. Wenn du Blog und Social Media kombinierst, <strong>sparst du Zeit</strong>. Du musst weniger über Themen grübeln und nicht ständig das Rad neu erfinden. Aus einem Blog-Artikel kannst du Social-Media-Content für einen ganzen Monat erstellen.</p>



<p class="wp-block-paragraph">2. <strong>Du verstärkst dein Marketing</strong> und deine Botschaft, wenn du beides kombinierst. Dein Blog-Artikel wird von umso mehr Menschen gelesen und das Interesse an deinem Angebot (auf das der Blog-Artikel bestenfalls hinleitet) wird umso größer.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<ol class="wp-block-list">
<li></li>
</ol>



<p class="wp-block-paragraph">Ja, du musst trotzdem Zeit investieren. Aber du darfst selbst bestimmen, wie viele Blog-Artikel und Social-Media-Posts du veröffentlichst. Wichtig ist, dass du eine <strong>Routine für dich entwickelst, die realistisch ist</strong>, die du langfristig durchhältst – und die mit deinen Stärken und Vorlieben arbeitet. So macht Marketing auch Spaß.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex" style="background-color:#d3e0e84d">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full is-style-default"><img loading="lazy" decoding="async" width="500" height="714" src="https://anitaschwarz.com/wp-content/uploads/steffi-muesse-online-marketing-beraterin.jpg" alt="" class="wp-image-14291" srcset="https://anitaschwarz.com/wp-content/uploads/steffi-muesse-online-marketing-beraterin.jpg 500w, https://anitaschwarz.com/wp-content/uploads/steffi-muesse-online-marketing-beraterin-210x300.jpg 210w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Mehr über Steffi Müsse</strong><br>und mehr Input für dich</p>



<p class="wp-block-paragraph">Steffi Müsse ist Online-Marketing-Mentorin und unterstützt Berater:innen und Coaches dabei, bekannter zu werden und mehr Aufträge zu bekommen. Ihr Ansatz ist ein <strong>Online-Marketing-Mix mit Plan</strong>, sodass Selbstständige mit Social Media und Co. keine Zeit mehr verbrennen, sondern wirklich mehr Anfragen im Postfach haben.</p>



<p class="wp-block-paragraph">Mehr zu ihrem Ansatz erfährst du in ihrer <strong>Masterclass (für 0 Euro)</strong>: <a href="https://www.nachtsum2.de/" target="_blank" rel="noreferrer noopener">3 entscheidende Schritte zu mehr Anfragen (<em>ohne täglich den Algorithmus zu füttern</em>)</a></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Steffis Website</strong>: <a href="https://www.nachtsum2.de/" target="_blank" rel="noreferrer noopener">nachtsum2.de</a></p>



<p class="wp-block-paragraph"><strong>Steffis Podcast „Mit Gelassenheit sichtbar“</strong>:<br><a href="https://open.spotify.com/show/5CWXGhxZ6RCfYu2czYXDDH" target="_blank" rel="noreferrer noopener">bei Spotify</a>   |   <a href="https://podcasts.apple.com/be/podcast/mit-gelassenheit-sichtbar-smartes-online-marketing/id1616872517" target="_blank" rel="noreferrer noopener">bei Apple Podcasts</a></p>



<p class="wp-block-paragraph"><strong>Bei Instagram</strong> findest du Steffi als <a href="https://www.instagram.com/steffimuesse" target="_blank" rel="noopener">@steffimuesse</a></p>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/blog-und-social-media-kombinieren/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Elementor-Anleitung für Anfänger*innen: Grundlagen lernen</title>
		<link>https://anitaschwarz.com/elementor-anleitung/</link>
					<comments>https://anitaschwarz.com/elementor-anleitung/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 30 Sep 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Elementor]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=14114</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Lerne die Grundlagen von Elementor kennen und wie du mit Elementor effizient arbeiten kannst. Neben den Grundlagen erfährst du hilfreiche Tipps, um Zeit zu sparen und deine Website professionell zu gestalten.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-fuer-Anfaenger-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/704a7b3174074e39ad40be5f17e37f45" width="1" height="1" alt="">



<p class="wp-block-paragraph">In dieser Elementor-Anleitung erfährst du, was du wissen musst, um mit Elementor deine Website zu erstellen und zu gestalten. Diese Elementor Tipps bieten dir eine schrittweise Einführung in die Grundlagen und zeigen dir, wie du das Beste aus dem Page Builder herausholst – ideal für Elementor für Anfänger*innen.</p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="4386" class="elementor elementor-4386" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-175e8af e-flex e-con-boxed e-con e-parent" data-id="175e8af" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58af7e9 elementor-widget elementor-widget-text-editor" data-id="58af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><em>Dieser Beitrag enthält Werbelinks von Anbietern, die ich selbst gerne nutze. Diese sind mit einem * markiert. Wenn du über einen solchen Link kaufst, erhalte ich eine kleine Provision. Für dich entstehen dabei keine Mehrkosten. Wo, wann und wie du ein Produkt kaufst, bleibt natürlich dir überlassen.</em></p>								</div>
					</div>
				</div>
				</div>
		


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
</div>



<h2 class="wp-block-heading" id="was-ist-elementor">Was ist Elementor?</h2>



<p class="wp-block-paragraph">Elementor ist ein <strong>benutzerfreundlicher Page Builder für WordPress</strong>, der es dir ermöglicht, deine Website ohne Programmierkenntnisse zu erstellen und zu bearbeiten. Per <strong>Drag-and-Drop</strong> kannst du Elemente wie Texte, Bilder, Buttons und Videos auf deine Seite ziehen und <strong>dort platzieren, wo du sie haben möchtest.</strong></p>



<p class="wp-block-paragraph">Das Besondere an Elementor ist, dass du alles <strong>in Echtzeit bearbeiten</strong> kannst. Während du an deiner Seite arbeitest, siehst du die Änderungen, ohne ständig zwischen Bearbeitungs- und Vorschau-Modus wechseln zu müssen. <strong>Das spart Zeit und macht den Prozess besonders intuitiv</strong> – ideal für Anfänger*innen.</p>



<p class="wp-block-paragraph">Wenn du Elementor nutzt, brauchst du den Standard-Editor von WordPress (fast) nicht mehr. Du kannst für jede Seite und jeden Beitrag entscheiden, ob du sie mit Elementor oder dem Gutenberg-Editor bearbeiten möchtest. So hast du die volle Flexibilität bei der Gestaltung deiner Inhalte.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-installieren">Elementor installieren</h2>



<p class="wp-block-paragraph">Falls du Elementor noch nicht installiert hast, geht das ganz einfach:</p>



<ol class="wp-block-list">
<li>Gehe in deinem WordPress-Dashboard auf <strong>Plugins &gt; neues Plugin hinzufügen</strong> und suche nach <strong>„Elementor“</strong>.</li>



<li>Klicke auf „Jetzt installieren“ und danach auf „Aktivieren“.</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Schon kannst du Elementor nutzen!</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="brauche-ich-elementor-pro">Brauche ich Elementor Pro?</h3>



<p class="wp-block-paragraph">Es gibt sowohl eine kostenlose als auch eine Pro-Version von Elementor. <strong>Grundsätzlich kannst du deine Website mit der kostenlosen Version erstellen. </strong>Wenn du dir erweiterte Funktionen, wie Popups oder einen Theme Builder wünschst, mit dem du deinen Header und Footer gestalten kannst, solltest du dir die Pro-Version ansehen.</p>



<p class="wp-block-paragraph">In meinem Blogbeitrag <a href="https://anitaschwarz.com/elementor-oder-elementor-pro/">Elementor oder Elementor Pro</a> erkläre ich dir die Unterschiede und helfe dir bei der Entscheidung, welche Version für dich geeignet ist.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="elementor-benutzeroberflache-verstehen">Elementor-Benutzeroberfläche verstehen</h2>



<p class="wp-block-paragraph">Elementor hat kürzlich eine neue Benutzeroberfläche eingeführt, die intuitiver und übersichtlicher gestaltet ist. Falls du die neue Ansicht noch nicht aktiviert hast, kannst du das so tun:</p>



<p class="wp-block-paragraph">Gehe in deinem WordPress-Dashboard auf <strong>Elementor &gt; Einstellungen &gt; Eigenschaften</strong> und setze dort die Funktion <strong>&#8222;Editor Top Bar&#8220;</strong> auf <strong>&#8222;Aktiv&#8220;</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="759" height="96" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Benutzeroberflaeche-aktivieren.jpg" alt="Funktion &quot;Editor Top Bar&quot; auf &quot;Aktiv&quot; setzen" class="wp-image-14115" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Benutzeroberflaeche-aktivieren.jpg 759w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Benutzeroberflaeche-aktivieren-300x38.jpg 300w" sizes="(max-width: 759px) 100vw, 759px" /></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="die-wichtigsten-bereiche-im-uberblick">Die wichtigsten Bereiche im Überblick</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="631" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Benutzeroberflaeche-1024x631.jpg" alt="Benutzeroberfläche von Elementor unterteilt in 3 Bereiche: Seitenvorschau, linke Seitenleiste und obere Bearbeitungsleiste" class="wp-image-14138" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Benutzeroberflaeche-1024x631.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Benutzeroberflaeche-300x185.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Benutzeroberflaeche-768x474.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Benutzeroberflaeche.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading"><strong>1. Seitenvorschau</strong></h4>



<p class="wp-block-paragraph">Auf der rechten Seite siehst du eine Live-Vorschau deiner Seite, während du Änderungen vornimmst.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>2. Linke Seitenleiste</strong></h4>



<p class="wp-block-paragraph">Hier findest du alle Werkzeuge, die du für die Gestaltung deiner Seite brauchst, wie Container und Elemente. Ziehe sie einfach in den Seitenbereich, um neue Inhalte hinzuzufügen.</p>



<p class="wp-block-paragraph">Wenn du ein Element anklickst, findest du in der linken Seitenleiste die Möglichkeiten, die du für dieses Element nutzen kannst. Mehr dazu findest du im Abschnitt <a href="#element-einfugen">Element einfügen</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>3. Obere Bearbeitungsleiste</strong></h4>



<p class="wp-block-paragraph" id="obere-bearbeitungsleiste">In der Leiste oben findest du nützliche Funktionen wie Theme Builder, Verlauf, Elemente-Auswahl, Website-Einstellungen, Navigator, Notizen, Seiteneinstellungen, <strong>Responsive Ansichten</strong> und den <strong>Button zum Veröffentlichen</strong> deiner neu erstellten oder aktualisierten Seite.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="369" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-obere-Bearbeitungsleiste-1024x369.jpg" alt="Obere Bearbeitungsleiste von Elementor mit Erklärung der einzelnen Funktionen" class="wp-image-14143" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-obere-Bearbeitungsleiste-1024x369.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-obere-Bearbeitungsleiste-300x108.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-obere-Bearbeitungsleiste-768x277.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-obere-Bearbeitungsleiste.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Falls du noch die alte Benutzeroberfläche verwendest, lohnt es sich, auf die neue Version umzusteigen, da sie einige Verbesserungen mitbringt. Zum Beispiel, dass du mit einem Klick in die Tablet- oder Smartphone-Ansicht wechseln kannst.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="neue-seite-mit-elementor-erstellen">Neue Seite mit Elementor erstellen</h2>



<p class="wp-block-paragraph">Sobald du Elementor installiert hast, kannst du loslegen und deine erste Seite gestalten. So funktioniert’s:</p>



<h3 class="wp-block-heading" id="neue-seite-erstellen"><strong>Neue Seite erstellen</strong></h3>



<p class="wp-block-paragraph">Gehe in deinem WordPress-Dashboard auf <strong>Seiten &gt; Neue Seite erstellen</strong>. Gib deiner Seite einen Titel und klicke auf <strong>&#8222;Mit Elementor bearbeiten&#8220;</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="244" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Seite-erstellen-1024x244.jpg" alt="Screenshot des Gutenberg-Editors mit einer roten Schaltfläche mit der Aufschrift Mit Elementor bearbeiten, die durch einen Pfeil hervorgehoben wird, und einem großen Text darunter mit der Aufschrift Gib hier den Titel deiner Seite ein." class="wp-image-14144" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Seite-erstellen-1024x244.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Seite-erstellen-300x72.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Seite-erstellen-768x183.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-neue-Seite-erstellen.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Blog &#8211; Elementor-Anleitung &#8211; 3</figcaption></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="die-grundlage-deiner-website-container">Die Grundlage deiner Website: Container</h3>



<p class="wp-block-paragraph"><strong>Container bilden die Grundlage für den Aufbau deiner Seite.</strong> Sie ersetzen die früheren Abschnitte und Spalten und bieten dir mehr Flexibilität bei der Gestaltung. Besonders für deine Mobilversion.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Layout auswählen</strong></h4>



<p class="wp-block-paragraph">Nachdem der Elementor-Editor geladen ist, kannst du entscheiden, ob du <strong>mit einer leeren Seite oder einer Vorlage starten</strong> möchtest. Vorlagen bieten dir eine schnelle Möglichkeit, ein ansprechendes Design zu erstellen – und du kannst sie auch individuell anpassen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Container hinzufügen</strong></h4>



<p class="wp-block-paragraph">Klicke auf das <strong>Plus-Symbol und danach auf Flexbox</strong>, um einen neuen Container hinzuzufügen. Du kannst Container verschachteln, also <strong>Container in andere Container einfügen</strong>, um komplexe Layouts zu erstellen. Das gibt dir die Freiheit, deine Inhalte in verschiedenen Abschnitten zu strukturieren und anzuordnen.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="253" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Flexbox-Container-hinzufuegen-1024x253.jpg" alt="Vorschläge an Container-Layouts" class="wp-image-14150" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Flexbox-Container-hinzufuegen-1024x253.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Flexbox-Container-hinzufuegen-300x74.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Flexbox-Container-hinzufuegen-768x190.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Flexbox-Container-hinzufuegen.jpg 1158w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading"><strong>Container-Größe und Anordnung</strong></h4>



<p class="wp-block-paragraph">Du kannst jeden Container in <strong>Größe und Anordnung verändern</strong>.</p>



<p class="wp-block-paragraph">In der linken Seitenleiste findest du unter „Layout“ die Optionen, um Breite, Höhe, Ausrichtung und Abstände festzulegen. Damit kannst du bestimmen, wie viel Platz deine Inhalte einnehmen sollen und wie sie sich in den Containern verteilen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="795" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Container-Layout.jpg" alt="Layout-Optionen für die Einrichtung eines Containers" class="wp-image-14151" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Container-Layout.jpg 400w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Container-Layout-151x300.jpg 151w" sizes="(max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<h4 class="wp-block-heading"><strong>Gestaltung</strong></h4>



<p class="wp-block-paragraph">Unter „Stil“ kannst du das <strong>Aussehen deiner Container verändern</strong>. Lege eine Hintergrundfarbe oder -bild fest, füge einen Rand oder Schatteneffekte hinzu.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Abstände</strong></h4>



<p class="wp-block-paragraph">Bei der Gestaltung eines ansprechenden Layouts sind Abstände entscheidend. In den erweiterten Einstellungen kannst du <strong>Abstände zwischen Containern definieren</strong> und so für genügend Platz sorgen.</p>


		<div data-elementor-type="container" data-elementor-id="6352" class="elementor elementor-6352" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-92ef84f e-flex e-con-boxed e-con e-parent" data-id="92ef84f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2ad462f e-con-full blur-overlay e-flex e-con e-child" data-id="2ad462f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4453b23 elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="4453b23" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-CoWorking für 0 €</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-55b3b87 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="55b3b87" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Du schiebst deine Website-Aufgaben vor dir her?</div>				</div>
				<div class="elementor-element elementor-element-f8d3fc7 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="f8d3fc7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Nutze das Website-CoWorking, um gemeinsam mit anderen an der eigenen Website zu arbeiten. Wenn du mal nicht weiter weißt, treffen wir uns zu zweit in einem Breakout-Room und ich helf dir direkt auf deinem Bildschirm weiter.</p>
<p><span style="text-decoration: underline;"><a style="text-decoration: none;" title="Website-CoWorking" href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noopener">Hier findest du die nächsten Termine &amp; weitere Infos zum Website-CoWorking.</a></span></p>								</div>
				<div class="elementor-element elementor-element-36c1093 elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="36c1093" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Jetzt für 0 € zum CoWorking anmelden</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="inhalte-erstellen">Inhalte erstellen</h2>



<p class="wp-block-paragraph">Elemente bieten dir die Möglichkeit, deine Seite mit vielfältigen Inhalten zu füllen. Sobald du ein Element auf deiner Seite platziert hast, kannst du es über die Einstellmöglichkeiten in der linken Seitenleiste an deine Wünsche anpassen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="element-einfugen"><strong>Element einfügen</strong></h3>



<p class="wp-block-paragraph">Um deine Seite mit Inhalten zu füllen, kannst du ein <strong>Element </strong>nach dem anderen<strong> aus der linken Seitenleiste in den gewünschten Container ziehen</strong>.</p>



<p class="wp-block-paragraph">Elementor bietet dir eine Vielzahl von Elementen, mit denen du fast jede Art von Inhalt hinzufügen kannst – von einfachen Textblöcken und Bildern bis hin zu Videos, Buttons, Formularen und mehr.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn dich interessiert, welche Elemente in der kostenlosen Version enthalten sind und welche es nur in der Pro-Version gibt, schau mal hier vorbei:<br><a href="https://anitaschwarz.com/elementor-oder-elementor-pro/" target="_blank" rel="noreferrer noopener"><strong>Elementor oder Elementor Pro?</strong></a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="401" height="817" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Widget-hinzufuegen.jpg" alt="Widget-Auswahl in Elementor" class="wp-image-14156" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Widget-hinzufuegen.jpg 401w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Widget-hinzufuegen-147x300.jpg 147w" sizes="(max-width: 401px) 100vw, 401px" /><figcaption class="wp-element-caption">Eine kleine Auswahl der Elemente, die Elementor dir bietet.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading"><strong>Inhalte anpassen</strong></h4>



<p class="wp-block-paragraph"><strong>Klicke auf ein Element, um es zu bearbeiten.</strong></p>



<p class="wp-block-paragraph">In der linken Seitenleiste findest du alle Einstellungen dazu. Hier kannst du die Inhalte verändern (Texte, Bilder, Links, &#8230;), die Darstellung (Farben, Größe, &#8230;) anpassen und erweiterte Einstellungen (Abstände, Animationen, &#8230;) vornehmen.</p>



<p class="wp-block-paragraph">Die Optionen sind von Element zu Element unterschiedlich.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="396" height="402" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Inhalt.jpg" alt="Einstellmöglichkeiten einer Überschrift" class="wp-image-14166" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Inhalt.jpg 396w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Inhalt-296x300.jpg 296w" sizes="(max-width: 396px) 100vw, 396px" /><figcaption class="wp-element-caption">Diese Optionen hast du unter &#8222;Inhalt&#8220; im Element &#8222;Überschrift&#8220;.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading">Element gestalten</h4>



<p class="wp-block-paragraph">Unter „Stil“ kannst du das Aussehen eines Elements verändern.</p>



<p class="wp-block-paragraph">Wähle deine gewünschten Farben, Schriftarten, Größen und Hintergründe aus.</p>



<p class="wp-block-paragraph"><strong>Nutze globale Farben und Schriften</strong>, um ein konsistentes Design auf deiner Seite zu schaffen.</p>



<p class="wp-block-paragraph">Im <a href="https://anitaschwarz.com/website-hafen/" target="_blank" rel="noreferrer noopener">Website-Hafen</a> findest du eine Schritt-für-Schritt-Anleitung, um deine globalen Farben und Schriften richtig einzurichten.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="395" height="427" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Stil.jpg" alt="Gestaltungsoptionen einer Überschrift in Elementor" class="wp-image-14171" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Stil.jpg 395w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Stil-278x300.jpg 278w" sizes="(max-width: 395px) 100vw, 395px" /><figcaption class="wp-element-caption">Diese Optionen hast du unter &#8222;Stil&#8220; im Element &#8222;Überschrift&#8220;.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading">Abstände</h4>



<p class="wp-block-paragraph">In den erweiterten Einstellungen kannst du bestimmen, wie nahe Elemente aneinander liegen oder wie viel Raum sie bekommen sollen.</p>



<p class="wp-block-paragraph">Mit negativen Abständen kannst du Elemente überlappen lassen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="393" height="558" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Erweitert.jpg" alt="Erweiterte Einstellmöglichkeiten einer Überschrift in Elementor" class="wp-image-14176" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Erweitert.jpg 393w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Ueberschrift-Erweitert-211x300.jpg 211w" sizes="(max-width: 393px) 100vw, 393px" /><figcaption class="wp-element-caption">Diese Optionen hast du unter &#8222;Stil&#8220; im Element &#8222;Überschrift&#8220;.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="globale-widgets-einmal-erstellen-uberall-nutzen"><strong>Globale Widgets: Einmal erstellen, überall nutzen</strong></h3>



<p class="wp-block-paragraph">Eine besonders praktische Funktion in Elementor sind die <strong>globalen Widgets</strong>. Mit ihnen kannst du ein Element einmal erstellen und es auf mehreren Seiten verwenden, ohne es jedes Mal neu anpassen zu müssen. Das spart nicht nur Zeit, sondern sorgt auch dafür, dass deine Seite ein einheitliches Design behält.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading"><strong>Erstellung eines globalen Widgets</strong></h4>



<p class="wp-block-paragraph">Wenn du ein Element in deiner Seite eingefügt und angepasst hast, kannst du mit Rechtsklick auf das Element <strong>&#8222;Als global speichern&#8220;</strong> ein globales Widget.</p>



<p class="wp-block-paragraph">Gib ihm einen aussagekräftigen Namen, damit du es später schnell wiederfindest.</p>



<p class="wp-block-paragraph"><strong>Sieh dir auch die anderen Optionen an:<br></strong>Du kannst einzelne Elemente und Container schnell mittels Rechtsklick duplizieren, kopieren und einfügen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="376" height="526" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget.jpg" alt="Auswahl bei Rechtsklick auf ein Element in Elementor" class="wp-image-14180" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget.jpg 376w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-214x300.jpg 214w" sizes="(max-width: 376px) 100vw, 376px" /><figcaption class="wp-element-caption">Mit Rechtsklick auf ein Element erhältst du eine Auswahl an nützlichen Optionen.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading"><strong>Globales Widget einfügen</strong></h4>



<p class="wp-block-paragraph">Globale Widgets findest du in der Elemente-Auswahl im Reiter &#8222;Globals&#8220;. Ziehe es wie jedes andere Element per Drag-and-Drop aus der linken Seitenleiste in deinen Container.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="394" height="240" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-einfuegen.jpg" alt="Reiter &quot;Globals&quot; in der Element-Auswahl von Elementor" class="wp-image-14181" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-einfuegen.jpg 394w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-einfuegen-300x183.jpg 300w" sizes="(max-width: 394px) 100vw, 394px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading"><strong>Globales Widget bearbeiten</strong></h4>



<p class="wp-block-paragraph">Um ein globales Widget zu bearbeiten hast du zwei Möglichkeiten:</p>



<p class="wp-block-paragraph"><strong>Bearbeiten:<br></strong>Klicke auf &#8222;Bearbeiten&#8220;, um das <strong>Widget an allen Stellen</strong>, wo du es verwendest, gleichzeitig zu <strong>verändern</strong>. <em>Du brauchst die Änderungen nur einmal vornehmen, und sie werden überall aktualisiert.</em></p>



<p class="wp-block-paragraph"><strong>Verknüpfung aufheben:<br></strong>Klicke auf &#8222;Verknüpfung aufheben&#8220;, um es <strong>unabhängig von anderen globalen Widgets</strong> anzupassen. <em>Die Änderungen, die du dann vornimmst, betreffen nur dieses eine Element.</em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="392" height="488" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-bearbeiten.jpg" alt="Entscheide dich, ob du das globale Widget bearbeiten oder die Verknüpfung aufheben möchtest." class="wp-image-14182" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-bearbeiten.jpg 392w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Globales-Widget-bearbeiten-241x300.jpg 241w" sizes="(max-width: 392px) 100vw, 392px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Einsatzmöglichkeiten von globalen Widgets</strong></h4>



<p class="wp-block-paragraph">Globale Widgets eignen sich perfekt für wiederkehrende Elemente wie Buttons, Formulare, Testimonials oder spezielle Info-Boxen. Sie ermöglichen dir, schnell Änderungen vorzunehmen, ohne jede Seite einzeln bearbeiten zu müssen.</p>



<p class="wp-block-paragraph">Mit globalen Widgets sorgst du also für ein <strong>einheitliches Design</strong> und kannst deine <strong>Arbeit effizienter</strong> gestalten.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="arbeiten-mit-vorlagen"><strong>Arbeiten mit Vorlagen</strong></h2>



<p class="wp-block-paragraph">Templates ermöglichen dir, komplexe Designs mit wenigen Klicks zu erstellen und später wiederzuverwenden. Egal ob für einzelne Abschnitte, ganze Seiten oder spezielle Layouts – Templates helfen dir, <strong>Zeit zu sparen</strong> und ein <strong>konsistentes Design</strong> auf deiner Website zu erhalten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="elementor-templates-nutzen"><strong>Elementor Templates nutzen</strong></h3>



<p class="wp-block-paragraph" id="bibliothek">In der <strong>Elementor-Bibliothek</strong> findest du eine Auswahl an Vorlagen. Die Bibliothek öffnet sich beim Erstellen einer neuen Seite automatisch. Du kannst sie später über das kleine Ordner-Symbol nochmal öffnen.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="170" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-1024x170.jpg" alt="Screenshot eines leeren Elementor-Bereichs. In der Mitte befinden sich zwei graue, runde Buttons (Plus und Ordner) und darunter der Text &apos;Widget hierher ziehen&apos;." class="wp-image-14187" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-1024x170.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-300x50.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen-768x128.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-oeffnen.jpg 1160w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Wähle aus <strong>einzelnen Blöcken oder ganzen Seiten</strong> eine Vorlage aus. Oder lade im Reiter &#8222;Meine Templates&#8220; <strong>eigene oder gekaufte Layouts</strong> hoch. Nachdem du eine Vorlage ausgewählt und eingefügt hast, kannst du diese beliebig bearbeiten.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="436" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-Auswahl-1024x436.jpg" alt="Auswahl an Elementor-Vorlagen" class="wp-image-14188" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-Auswahl-1024x436.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-Auswahl-300x128.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-Auswahl-768x327.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-Auswahl.jpg 1193w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Wähle aus den Vorlagen von Elementor einzelne Blöcke oder Seiten aus. Oder lade eigene Templates hoch.</figcaption></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="eigene-templates-erstellen"><strong>Eigene Templates erstellen</strong></h3>



<p class="wp-block-paragraph">Wenn du ein Design erstellt hast, das du später wiederverwenden möchtest, kannst du es als Template speichern. Das gilt sowohl für einzelne Container als auch für komplette Seiten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h4 class="wp-block-heading">Container als Template abspeichern</h4>



<p class="wp-block-paragraph">Klicke im jeweiligen Container oben bei den 6 Punkten die rechte Maustaste und wähle die Option &#8222;Als Template speichern&#8220;.</p>



<p class="wp-block-paragraph">Vergib einen klaren Namen, um die Vorlage später wiederzufinden. Das neu gespeicherte Template findest du jetzt in der <a href="#bibliothek">Bibliothek im Reiter &#8222;Meine Templates&#8220;</a>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="282" height="549" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern.jpg" alt="Auswahl bei Rechtsklick auf einen Container in Elementor" class="wp-image-14191" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern.jpg 282w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-154x300.jpg 154w" sizes="(max-width: 282px) 100vw, 282px" /><figcaption class="wp-element-caption">Klicke im Bereich der 6 Punkte oben im Container die rechte Maustaste, um dieses Menü zu erhalten.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h4 class="wp-block-heading"><strong>Seite als Templates speichern</strong></h4>



<p class="wp-block-paragraph">Auch vollständige Seiten kannst du als <strong>Template</strong> abspeichern.</p>



<p class="wp-block-paragraph">Klicke auf den kleinen Pfeil rechts neben dem Veröffentlichen-Button. Und wähle aus dem Menü &#8222;Als Template speichern&#8220; aus.</p>



<p class="wp-block-paragraph">Vergib einen eindeutigen Namen, um die abgespeicherte Seite in mehreren Wochen oder Monaten wieder zu finden. Das Template findest du in der <a href="#bibliothek">Bibliothek im Reiter &#8222;Meine Templates&#8220;</a>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="252" height="253" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-Seite.jpg" alt="Screenshot eines Dropdown-Menüs unter dem &apos;Veröffentlichen&apos;-Button in Elementor. Das Menü enthält vier Optionen: &apos;Als Entwurf speichern&apos;, &apos;Als Template speichern&apos;, &apos;Update (Lock Modified Date)&apos; und &apos;Seite anzeigen&apos;." class="wp-image-14194" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-Seite.jpg 252w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Templates-speichern-Seite-150x150.jpg 150w" sizes="(max-width: 252px) 100vw, 252px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wie die <a href="#globale-widgets-einmal-erstellen-uberall-nutzen">globalen Widgets</a> helfen dir auch Templates deine <strong>Website effizient zu erstellen und professionell zu gestalten.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="abschnitte-kopieren-und-auf-anderer-seite-einfugen"><strong>Abschnitte kopieren und auf anderer Seite einfügen</strong></h3>



<p class="wp-block-paragraph">Du brauchst aber nicht unbedingt immer ein globales Widget oder Template erstellen. Wenn du schnell <strong>ein Element oder einen Container auf eine andere Seite kopieren</strong> möchtest, kannst du diese einfach kopieren.</p>



<p class="wp-block-paragraph"><strong>Das spart dir Zeit und hält deine Template-Bibliothek sauber.</strong> So funktioniert&#8217;s:</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Element oder Container kopieren</strong></h4>



<p class="wp-block-paragraph">Klicke mit der rechten Maustaste auf den Container oder das Element, das du kopieren möchtest, und wähle „Kopieren“ aus dem Menü.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Abschnitt einfügen</strong></h4>



<p class="wp-block-paragraph">Öffne die Seite, auf der du den Container oder das Element verwenden möchtest in einem anderen Tab. Klicke mit der rechten Maustaste auf den gewünschten Bereich im Editor und wähle „Einfügen“. Der Container oder das Element wird an der gewählten Stelle hinzugefügt.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="mobile-anpassungen-und-responsive-design">Mobile Anpassungen und responsive Design</h2>



<p class="wp-block-paragraph">Im Zeitalter von Smartphones und Tablets ist es unerlässlich, dass deine <strong>Website auf allen Geräten gut aussieht und funktioniert</strong>. Elementor bietet dir umfangreiche Möglichkeiten, damit deine Website sowohl auf dem Desktop als auch auf mobilen Geräten optimal dargestellt wird.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h3 class="wp-block-heading" id="responsive-einstellungen"><strong>Responsive Einstellungen</strong></h3>



<p class="wp-block-paragraph">In der oberen Bearbeitungsleiste kannst du zwischen der Desktop-, Tablet- und Smartphone-Ansicht wechseln. Das ist richtig hilfreich, um sicherzustellen, dass deine Seite auf allen Geräten gut aussieht.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="193" height="48" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Modus.jpg" alt="" class="wp-image-14202"/></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" id="anpassungen-mobil"><strong>Individuelle Anpassungen für mobile Geräte</strong></h4>



<p class="wp-block-paragraph">In Elementor kannst du <strong>spezielle Anpassungen für mobile Geräte</strong> vornehmen. Du hast die Möglichkeit, Inhalte, Abstände, Schriftgrößen und andere Designelemente <strong>für jedes Gerät separat zu optimieren</strong>.</p>



<p class="wp-block-paragraph">Beispielsweise kannst du einen größeren Abstand auf dem Desktop einstellen, während du für mobile Geräte weniger Platz verwendest, um eine kompaktere Darstellung zu gewährleisten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Aufgepasst:<br></strong>Wenn du Änderungen speziell für eine Ansicht vornimmst, achte immer darauf, dass du bei der jeweiligen Einstellung ein <strong>Smartphone, Tablet oder Desktop-Symbol</strong> siehst.</p>



<p class="wp-block-paragraph">Wenn du dieses Icon siehst, bedeutet das, dass du die Einstellungen für die jeweilige Ansicht anpasst.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="389" height="440" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Einstellungen.jpg" alt="" class="wp-image-14203" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Einstellungen.jpg 389w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Einstellungen-265x300.jpg 265w" sizes="(max-width: 389px) 100vw, 389px" /><figcaption class="wp-element-caption">Ausrichtung, Größe und Position kannst du bei diesem Element in jeder Ansicht unabhängig bearbeiten. Die Farbe allerdings nicht.</figcaption></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Ich empfehle dir, deine Seiten mit Elementor immer in folgender Reihenfolge zu bearbeiten:<br></strong>1. Desktop<br>2. Tablet<br>3. Smartphone</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Warum?</strong></p>



<ul class="wp-block-list">
<li>Einstellungen, die du in der Desktop-Version triffst, werden auch in der Tablet- und Smartphone-Ansicht übernommen.</li>



<li>Einstellungen, die du in der Tablet-Version triffst, werden auch in der Smartphone-Ansicht übernommen. Aber nicht in der Desktop-Version.</li>



<li>Einstellungen, die du in der Smartphone-Version triffst, werden weder in der Tablet- noch in der Desktop-Ansicht übernommen.</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h4 class="wp-block-heading">Elemente in bestimmter Ansicht ausblenden</h4>



<p class="wp-block-paragraph">Du kannst ganze Container oder einzelne Elemente nur auf dem Desktop anzeigen lassen, während du sie auf mobilen Geräten ausblendest. Oder umgekehrt. Das sorgt für eine <strong>aufgeräumte Darstellung auf allen Geräten</strong>.</p>



<p class="wp-block-paragraph">Klicke im jeweiligen Element oder Container auf den Reiter &#8222;Erweitert&#8220; und scrolle zu &#8222;Responsiv&#8220;.</p>



<p class="wp-block-paragraph">Wähle aus, in welcher Ansicht du ein Element oder einen Container ausblenden möchtest.</p>



<p class="wp-block-paragraph">Im Vorschau-Modus rechts wird dir das jeweilige Element in der ausgewählten Ansicht ausgegraut angezeigt.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="395" height="610" src="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Sichtbarkeit.jpg" alt="" class="wp-image-14207" srcset="https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Sichtbarkeit.jpg 395w, https://anitaschwarz.com/wp-content/uploads/Elementor-Anleitung-Responsive-Sichtbarkeit-194x300.jpg 194w" sizes="(max-width: 395px) 100vw, 395px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipps-fur-die-mobile-optimierung"><strong>Tipps für die mobile Optimierung</strong></h3>



<ul class="wp-block-list">
<li>Verwende <strong>ausreichend große Buttons und Schriftgrößen</strong>, damit die Benutzer sie auf kleinen Bildschirmen problemlos lesen und bedienen können.</li>



<li>Prüfe die <strong>Abstände zwischen den Elementen</strong>, um eine deine Inhalte übersichtlich darzustellen.</li>



<li><strong>Reduziere die Anzahl an Bildern und Videos</strong>, um die Ladezeiten auf mobilen Geräten zu verbessern.</li>



<li>Prüfe deine <strong>Seite nach der Veröffentlichung auf deinem Smartphone</strong>. Manchmal schleichen sich Darstellungsfehler ein, die du in der Vorschau nicht siehst.</li>
</ul>



<p class="wp-block-paragraph">So sorgst du dafür, dass deine Elementor-Seite auf jedem Gerät gut aussieht – egal ob auf dem großen Bildschirm oder dem kleinen Smartphone.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="neue-seite-veroffentlichen">Neue Seite veröffentlichen</h2>



<p class="wp-block-paragraph">Sobald deine Seite gestaltet ist und du mit dem Ergebnis zufrieden bist, ist es Zeit, sie online zu stellen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="vorschau-und-speichern"><strong>Vorschau und Speichern</strong></h3>



<p class="wp-block-paragraph">Wenn du mit deinen Änderungen zufrieden bist, klicke in der <strong>oberen Bearbeitungsleiste auf „Vorschau“</strong>, um deine Seite zu überprüfen. Passt alles? Dann kannst du sie über den <strong>Button „Veröffentlichen“</strong> rechts oben live schalten.</p>



<p class="wp-block-paragraph">Falls du ein Caching-Plugin, wie <a href="https://anitaschwarz.com/tools-wprocket/" target="_blank" rel="noreferrer noopener sponsored">WP-Rocket</a>* oder <a href="https://anitaschwarz.com/website-schneller-machen/#tipp-5-caching-plugin-nutzen" target="_blank" rel="noreferrer noopener">Cache Enabler</a> nutzt, empfehle ich dir den Cache zu leeren. So stellst du sicher, dass deine neue Seite bei allen Besucher*innen korrekt dargestellt wird. Die Option &#8222;Cache leeren&#8220; findest du im WordPress-Dashboard in der oberen Leiste.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Und schon ist deine Seite online! Mit Elementor kannst du jederzeit weitere Anpassungen vornehmen und Schritt für Schritt deine Website selbst gestalten.</p>



<p class="wp-block-paragraph"><strong>Sieh dir auch diesen Beitrag an:<br></strong><a href="https://anitaschwarz.com/wordpress-website-veroeffentlichen/">Deine WordPress Website veröffentlichen (+ Checkliste)</a></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="tipps-fur-deine-arbeit-mit-elementor">Tipps für deine Arbeit mit Elementor</h2>



<p class="wp-block-paragraph">Damit deine Website nicht nur gut aussieht, sondern auch rund läuft, habe ich dir ein paar praktische Tipps zusammengestellt, wie du <strong>Elementor optimal nutzen</strong> kannst. Von der sauberen Struktur bis hin zur Performance – diese Empfehlungen helfen dir, deine Website effektiv und übersichtlich zu gestalten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="weniger-ist-oft-mehr"><strong>Weniger ist oft mehr</strong></h3>



<p class="wp-block-paragraph">Achte darauf, dass deine Seite nicht überladen wirkt. Zu viele verschiedene Schriftarten, Farben oder Animationen können schnell chaotisch wirken. <strong>Besonders bei Animationen und Effekten gilt: Weniger ist mehr.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="furs-smartphone-optimieren"><strong>Für&#8217;s Smartphone optimieren</strong></h3>



<p class="wp-block-paragraph">Da ein Großteil deiner Besucher*innen deine Website wahrscheinlich über mobile Geräte aufruft, solltest du stets im Hinterkopf behalten, wie deine Seite auf Smartphones und Tablets aussieht. Überprüfe daher regelmäßig die <strong>mobile Ansicht in der Vorschau und auf deinem Smartphone</strong>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="elemente-sinnvoll-einsetzen"><strong>Elemente sinnvoll einsetzen</strong></h3>



<p class="wp-block-paragraph">Elementor bietet eine riesige <strong>Auswahl an Elementen</strong>, aber das bedeutet nicht, dass du sie alle einsetzen musst. Überlege dir, welche Elemente sinnvoll sind und deinen Besucher*innen einen <strong>Mehrwert bieten</strong>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="ladezeit-prufen"><strong>Ladezeit prüfen</strong></h3>



<p class="wp-block-paragraph">Große Bilder, Videos und Animationen können die Ladezeit beeinträchtigen. <a href="https://anitaschwarz.com/welche-bildgroesse-fuer-website/" target="_blank" rel="noreferrer noopener"><strong>Optimiere deine Bilder</strong></a> und verwende ein <a href="https://anitaschwarz.com/website-schneller-machen/#tipp-5-caching-plugin-nutzen" target="_blank" rel="noreferrer noopener">Caching-Plugin, um die Ladezeit deiner Seite zu verbessern</a>.</p>



<p class="wp-block-paragraph"><strong>Sieh dir auch diesen Beitrag an:<br></strong><a href="https://anitaschwarz.com/website-schneller-machen/" target="_blank" rel="noreferrer noopener">5 praktische Tipps, die deine (Elementor-)Website schneller machen</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="globale-farben-schriften-fur-ein-professionelles-design"><strong>Globale Farben &amp; Schriften für ein professionelles Design</strong></h3>



<p class="wp-block-paragraph">Verwende globale Farben und Schriften, für ein <strong>einheitliches Erscheinungsbild auf deiner gesamten Website</strong>. Das spart dir Zeit bei der Gestaltung neuer Seiten und sorgt für ein stimmiges Design. Du findest die globalen Einstellungen in der <a href="#obere-bearbeitungsleiste">oberen Bearbeitungsleiste</a> unter <strong>Website-Einstellungen</strong>.</p>



<p class="wp-block-paragraph">Im <a href="https://anitaschwarz.com/website-hafen/" target="_blank" rel="noreferrer noopener">Website-Hafen</a> findest du eine Schritt-für-Schritt-Anleitung, um deine globalen Farben und Schriften einmal richtig einzurichten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="seo-im-hinterkopf-behalten"><strong>SEO im Hinterkopf behalten</strong></h3>



<p class="wp-block-paragraph">Damit deine Website in Suchmaschinen gefunden wird, solltest du sie für Suchmaschinen optimieren. Achte darauf, dass deine Seiten gut strukturiert sind und nutze die HTML-Tags (H1, H2, H3) für deine Überschriften sinnvoll.</p>



<p class="wp-block-paragraph">Füge Alt-Texte für Bilder hinzu und stelle sicher, dass deine <a href="https://anitaschwarz.com/website-schneller-machen/" target="_blank" rel="noreferrer noopener">Seite schnell lädt</a>, um die Suchmaschinen-Rankings zu verbessern. <strong>Und nutze ein SEO-Plugin, wie Rank Math SEO:</strong> <a href="https://anitaschwarz.com/rank-math-einrichten/" target="_blank" rel="noreferrer noopener">Rank Math richtig einrichten</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="website-auf-dem-neuesten-stand-halten"><strong>Website auf dem neuesten Stand halten</strong></h3>



<p class="wp-block-paragraph">Stelle sicher, dass alle Plugins, Themes und deine WordPress-Version immer auf dem neuesten Stand sind. <strong>Updates bringen nicht nur neue Funktionen, sondern schließen oft auch Sicherheitslücken und verbessern die Performance.</strong></p>



<p class="wp-block-paragraph"><strong>Sieh dir auch diesen Beitrag an:<br></strong><a href="https://anitaschwarz.com/wordpress-website-sicher-machen/" target="_blank" rel="noreferrer noopener">So kannst du deine WordPress-Website sicher machen: 10 effektive Tipps zum selbst umsetzen</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du diese Tipps berücksichtigst, wird deine <strong>Arbeit mit Elementor einfacher und effizienter</strong>. So schaffst du eine Website, die professionell aussieht und technisch reibungslos funktioniert.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Du willst noch mehr Tipps, um dir die Arbeit mit Elementor zu vereinfachen?</strong></p>



<p class="wp-block-paragraph">Schau hier: <a href="https://anitaschwarz.com/elementor-tipps/" target="_blank" rel="noreferrer noopener">13 Elementor Tipps und Tricks, die dir täglich Zeit sparen</a></p>


		<div data-elementor-type="page" data-elementor-id="11227" class="elementor elementor-11227" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-78c8444 e-flex e-con-boxed e-con e-parent" data-id="78c8444" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-ff7f03e e-con-full blur-overlay e-flex e-con e-child" data-id="ff7f03e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-954109b elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="954109b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjExMjQwIiwidG9nZ2xlIjpmYWxzZX0%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Checkliste</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-59440f0 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="59440f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Deine Website läuft...<br>aber läuft sie auch GUT?</div>				</div>
				<div class="elementor-element elementor-element-6a5a409 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="6a5a409" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Niemand will böse Überraschungen auf der Website. Abmahnungen, Hackerangriffe oder Besucher*innen, die sofort wieder wegklicken.</p><p>Mit dieser Checkliste erfährst du, ob alles stimmt und du nichts Wichtiges übersehen hast. <strong>40+ Punkte aus 5 wichtigen Bereichen</strong> &#8211; verständlich erklärt, ohne dass du Technik-Expertin sein musst.</p>								</div>
		<div class="elementor-element elementor-element-91d37f7 e-con-full e-flex e-con e-child" data-id="91d37f7" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
		<div class="elementor-element elementor-element-b055006 e-con-full e-flex e-con e-child" data-id="b055006" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-aefb247 elementor-widget-tablet__width-inherit elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="aefb247" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items elementor-inline-items">
							<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Sicherheit</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Rechtliches</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Funktionsfähigkeit</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Benutzerfreundlichkeit​</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Suchmaschinenoptimierung</span>
									</li>
						</ul>
						</div>
				<div class="elementor-element elementor-element-225982e elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="225982e" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjExMjQwIiwidG9nZ2xlIjpmYWxzZX0%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Checkliste für 0 € holen</span>
					</span>
					</a>
								</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="erweiterungen-fur-elementor"><strong>Erweiterungen für Elementor</strong></h2>



<p class="wp-block-paragraph">Auch wenn Elementor eine Vielzahl an Funktionen bietet, gibt es zahlreiche Erweiterungen (Addons), die zusätzliche Elemente und Designoptionen hinzufügen.</p>



<p class="wp-block-paragraph"><strong>Ich empfehle dir auf Erweiterungen, wie Essential Addons, Ultimate Addons, Happy Addons usw. zu verzichten </strong>und die integrierten Funktionen von Elementor (Pro) zu nutzen. Warum? Jedes zusätzliche Plugin verlangsamt deine Website und bietet ein zusätzliches Risiko für deine Website.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="elementor-pro-die-beste-erweiterung-fur-deine-elementor-website"><strong>Elementor Pro: Die beste Erweiterung für deine Elementor-Website</strong></h3>



<p class="wp-block-paragraph">Elementor Pro ist nicht nur eine Erweiterung, sondern ein umfassendes Upgrade. Es bietet dir alles, was du brauchst, um deine Website professionell und flexibel zu gestalten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Vorteile von Elementor Pro:</strong></p>



<ul class="wp-block-list">
<li><strong>Theme Builder</strong>:<br>Gestalte Header, Footer, Archive, Single Posts und mehr individuell.</li>



<li><strong>Popup Builder</strong>:<br><a href="https://anitaschwarz.com/elementor-popup-erstellen/" target="_blank" rel="noreferrer noopener">Erstelle ansprechende Popups direkt in Elementor.</a></li>



<li><strong>Premium Elemente</strong>:<br>Nutze erweiterte Elemente wie Formulare, WooCommerce-Elemente und mehr.</li>



<li><a href="##globale-widgets-einmal-erstellen-uberall-nutzen"><strong>Globale Widgets</strong>:</a><br>Verwende Elemente wiederholt auf verschiedenen Seiten und spare so Zeit.</li>



<li><strong>Custom CSS</strong>:<br>Füge eigene CSS-Codes im Elementor-Editor hinzu.</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Mehr über die Unterschiede zwischen Elementor und Elementor Pro erfahren:<br></strong><a href="https://anitaschwarz.com/elementor-oder-elementor-pro/" target="_blank" rel="noreferrer noopener">Elementor oder Elementor Pro: Brauche ich die Pro-Version?</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du dir für deine Website mehr Funktionen wünschst, Elementor Pro die sicherste und effizienteste Option. Andere Erweiterungen solltest du nur verwenden, wenn du wirklich spezifische Funktionen brauchst, die Elementor (Pro) nicht bietet.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="haufige-fehler-in-elementor-und-wie-du-sie-behebst"><strong>Häufige Fehler in Elementor und wie du sie behebst</strong></h2>



<p class="wp-block-paragraph">Auch wenn Elementor ein sehr nutzerfreundliches Tool ist, können bei der Arbeit mit dem Page Builder Fehler oder Probleme auftreten. Hier sind einige der häufigsten Probleme und schnelle Lösungen, um sie zu beheben:</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="anderungen-werden-nicht-angezeigt"><strong>Änderungen werden nicht angezeigt</strong></h3>



<p class="wp-block-paragraph">Manchmal kann es passieren, dass du Anpassungen vornimmst, diese aber nicht in der Vorschau oder der veröffentlichten Seite angezeigt werden. In den meisten Fällen liegt das an einem Cache-Problem.</p>



<p class="wp-block-paragraph"><strong>Lösung</strong>:<br>Lösche den Cache von WordPress, falls du ein Caching-Plugin verwendest. Die Funktion findest du üblicherweise in deinem WordPress-Dashboard in der oberen Leiste.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="500-internal-server-error"><strong>500 Internal Server Error</strong></h3>



<p class="wp-block-paragraph">Dieser Fehler tritt häufig bei Hosting-Problemen oder unzureichendem Speicherplatz auf.</p>



<p class="wp-block-paragraph"><strong>Lösung</strong>:<br>Folge meiner Anleitung aus diesem Blogbeitrag: <a href="https://anitaschwarz.com/elementor-serverfehler-500/" target="_blank" rel="noreferrer noopener">Serverfehler (500 Error) beheben</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="problem-mit-der-mobilen-ansicht"><strong>Problem mit der mobilen Ansicht</strong></h3>



<p class="wp-block-paragraph">Deine Seite sieht auf dem Desktop perfekt aus, aber auf mobilen Geräten verschieben sich Elemente oder Texte werden abgeschnitten.</p>



<p class="wp-block-paragraph"><strong>Lösung</strong>:<br>Verwende die <a href="#anpassungen-mobil">responsiven Einstellungen in Elementor</a>, um die Darstellung auf verschiedenen Geräten zu optimieren. Prüfe, ob Abstände, Schriftgrößen und Layouts korrekt angepasst sind.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="probleme-mit-der-ladegeschwindigkeit"><strong>Probleme mit der Ladegeschwindigkeit</strong></h3>



<p class="wp-block-paragraph">Elementor-Seiten können durch viele Bilder, Videos oder komplexe Layouts langsamer laden.</p>



<p class="wp-block-paragraph"><strong>Lösung</strong>:<br><a href="https://anitaschwarz.com/website-schneller-machen/" target="_blank" rel="noreferrer noopener">Optimiere deine Bilder</a> und nutze meine <a href="https://anitaschwarz.com/website-schneller-machen/" target="_blank" rel="noreferrer noopener">5 Tipps, um deine Elementor-Website schneller zu machen</a>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="darstellungsproblem"><strong>Darstellungsproblem</strong></h3>



<p class="wp-block-paragraph">Manchmal kann es passieren, dass deine Website nach der Veröffentlichung oder der Aktualisierung von Elementor (Pro) völlig anders aussieht, als sie sollte. Farben, Schriftarten oder Layouts stimmen nicht mehr, und das Design wirkt chaotisch. Das kann verschiedene Ursachen haben, wie etwa ein Fehler beim CSS oder ein Cache-Problem.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Lösung 1: Cache löschen<br></strong>Leere den Cache deiner Website. Der Cache ist ein Zwischenspeicher. Oft wird das Design falsch angezeigt, weil der Cache eine alte Version der Seite speichert. Wenn du ein Caching-Plugin verwendest, findest du die Option &#8222;Cache leeren&#8220; üblicherweise im WordPress-Dashboard in der oberen Leiste.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Lösung 2: CSS neu generieren</strong><br>Manchmal wird benutzerdefiniertes CSS nicht korrekt angewendet oder es gibt einen Fehler bei der Speicherung. Gehe im <strong>WordPress-Dashboard zu Elementor &gt; Werkzeuge</strong> und klicke neben CSS &amp; Daten neu generieren auf den <strong>Button &#8222;Dateien und Daten neu generieren&#8220;</strong>.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Lösung 3: Inkompatible Plugins überprüfen</strong><br>Wenn das alles nichts hilft, deaktiviere nacheinander alle Plugins, um herauszufinden, ob eines der Plugins die Darstellung beeinflusst. Häufige Übeltäter sind Caching- und Optimierungs-Plugins, die CSS oder JavaScript minimieren und dadurch Layout-Probleme verursachen können.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="mehr-elementor-hilfe">Mehr Elementor-Hilfe</h2>



<p class="wp-block-paragraph">Mit diesen Elementor-Grundlagen hast du die wichtigsten Bausteine, um deine Website nach deinen Vorstellungen zu gestalten. Schritt für Schritt wirst du sicherer im Umgang mit dem Pagebuilder und kannst schon bald ganz entspannt deine Seiten anpassen.</p>



<p class="wp-block-paragraph">Falls du beim Erstellen noch unsicher bist oder Unterstützung brauchst, findest du im <a href="https://anitaschwarz.com/website-hafen/" target="_blank" rel="noreferrer noopener">Website-Hafen</a> konkrete Anleitungen und kannst mir deiner Website-Fragen persönlich stellen. Schau vorbei – gemeinsam geht’s leichter!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a href="http://anitaschwarz.com/wordpress-hafen/" target="_blank" rel="noopener">
        <button>Mehr Infos zum Website-Hafen</button></a>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/elementor-anleitung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>7+1 Tipps, wie du die Arbeit an deiner Website nicht mehr länger aufschiebst</title>
		<link>https://anitaschwarz.com/hindernisse-website-erstellung-aufschieberitis/</link>
					<comments>https://anitaschwarz.com/hindernisse-website-erstellung-aufschieberitis/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 05 Aug 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Website optimieren]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=13250</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Mara ist Psychologische Psychotherapeutin und Expertin für Aufschieberitis und hat 7+1 Tipps für dich, wie du die Arbeit an deiner Website nicht mehr länger aufschiebst.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Website-nicht-mehr-aufschieben-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/25fcf527ec9449b3b4d5334f840b92d8" width="1" height="1" alt="">



<p class="wp-block-paragraph">Du schiebst die Arbeit an deiner Website ständig vor dir her? Dann ist dieser Beitrag für dich. Denn Mara, Expertin für Aufschieberitis, verrät dir darin 7+1 Tipps, wie du es schaffst, deine Website oder einzelne Unterseiten davon online zu bringen.</p>



<p class="wp-block-paragraph">Viele der Tipps kannst du natürlich auch für andere Bereiche in deiner Selbständigkeit und deinem Alltag abwandeln und anwenden.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du diesen Blogartikel liest, dann bist du vermutlich &#8211; genau wie ich auch &#8211; selbstständig. Und du willst Sachen alleine hinbekommen. Und weil du auch weißt, wie wichtig eine eigene Website ist, hast du natürlich eine Domain besorgt und angefangen alles aufzusetzen….</p>



<p class="wp-block-paragraph">So lange bis es zu viel und zu kompliziert wurde. Andere Sachen wichtiger waren. Oder du vor lauter Frust den Laptop am liebsten gegen die Wand geworfen hättest, weil diese Sch***e nicht so funktioniert, wie du es willst.</p>



<p class="wp-block-paragraph">Jetzt steht „Website“ als ständiges To-do auf deiner Liste. Und du fühlst dich jedes Mal ein kleines bisschen schlechter, wenn du es siehst. Das soll sich jetzt ändern!</p>



<p class="wp-block-paragraph">In diesem Artikel bekommst du <strong>7+1 praktische und sofort umsetzbare Tipps</strong>, damit du mit deiner Website endlich vorankommst.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="1-mache-dir-einen-projektplan"><strong>1. Mache dir einen Projektplan</strong></h2>



<p class="wp-block-paragraph">Die Arbeit an deiner Website kann überwältigend sein. Du musst dir überlegen, welche Seiten du brauchst, Plugins installieren, Angebotstexte schreiben, Blogartikel erstellen und das Ganze SEO-optimieren, passenden Footer und Header und Kontaktformulare einrichten… und dann soll das Ganze auch bitte sowohl mobil als auch am Desktop gut aussehen. Diese Mammutaufgabe fühlt sich schnell an wie ein gigantischer Berg.&nbsp;</p>



<p class="wp-block-paragraph">Und ein Berg lähmt und lässt dich das ganze Projekt aufschieben, weil du nicht genau weißt, wo du anfangen sollst. Deshalb: <strong>Teile dein Projekt „Website“ in kleine überschaubare Aufgaben ein. </strong><strong></strong></p>



<p class="wp-block-paragraph"><strong>Erstelle dir einen Projektplan, in dem du alle (kleinen) Zwischenschritte sammeln kannst</strong>. Wenn du während der Erledigung einer Aufgabe auf eine neue Herausforderung stößt oder neue Ideen bekommst, kannst du sie dort außerdem ergänzen, ohne die aktuelle Aufgabe zu unterbrechen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="2-entscheide-wie-viel-und-wann-du-an-deiner-website-arbeiten-willst"><strong>2. Entscheide, wie viel und wann du an deiner Website arbeiten willst </strong></h2>



<p class="wp-block-paragraph">Wenn du schon etwas Zeitmanagement-Erfahrung hast, weißt du, dass du zur Erledigung einer Aufgabe am besten auch einen Zeitslot im Kalender blockierst. Du schätzt also, wie lange du für einen Teilschritt z.B. „Anmeldeseite für den Newsletter erstellen und einrichten“ brauchst und trägst ihn dann in den Kalender ein, z.B. Donnerstag 13-14 Uhr.</p>



<p class="wp-block-paragraph">Als Website-Newbie lässt es oft schlecht vorher sagen, wie lange einzelne Aufgaben dauern. Es kann deshalb demotivierend sein, wenn du innerhalb der vorgenommenen Zeit doch nicht fertig wirst.</p>



<p class="wp-block-paragraph"><strong>Ich empfehle dir deshalb nicht nur festzulegen, wann du an bestimmten Website-Bereichen arbeiten möchtest, sondern auch wie lange insgesamt</strong>. Du könntest z.B. 3 bis 5 Stunden pro Woche reservieren und dann eine Stoppuhr nach oben laufen lassen und versuchen, so viel wie möglich zu schaffen. Durch die Stoppuhr integrierst du außerdem einen Gamification-Aspekt, der die Aufgabe zu einem kleinen Wettbewerb macht. Auch das kann beim Anfangen helfen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="3-beachte-die-80-20-regel"><strong>3. Beachte die 80-20-Regel</strong></h2>



<p class="wp-block-paragraph">Diese Regel besagt, dass 20 % Aufwand für 80 % der Ergebnisse verantwortlich sind. Für deine Website bedeutet das: Konzentriere dich auf die <em>wirklich</em> wichtigen Sachen.</p>



<p class="wp-block-paragraph">Du brauchst am Anfang nur eine Seite auf der deine Blogartikel erscheinen, ein Impressum, ein Cookie-Banner, eine Möglichkeit kontaktiert zu werden und eine Datenschutzerklärung. Alles andere darf mit der Zeit dazu wachsen. <strong>Überlege dir genau, welche Aufgaben auf deinem Projektplan den größten Effekt bringen.</strong> Was brauchen potenzielle Kund*innen unbedingt, wenn sie auf deine Seite kommen?</p>



<p class="wp-block-paragraph"><strong>Fokussiere dich auf die 20 % deiner Website, die wirklich entscheidend sind. </strong>Wichtiger als Perfektion ist hier, dass du vorankommst. Mein Footer war jahrelang super minimalistisch und bestand nur aus einem Link zur Datenschutzerklärung und zum Impressum. That’s it.</p>



<p class="wp-block-paragraph">Du kannst Texte später immer noch überarbeiten, Fotos austauschen und weitere Informationen ergänzen. Sorge zuerst dafür, dass das Grundgerüst steht. Dieses Vorgehen wird dich außerdem motivieren, da du schneller Fortschritte sehen wirst.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="4-protokolliere-und-teile-deine-fortschritte"><strong>4. Protokolliere und teile deine Fortschritte</strong></h2>



<p class="wp-block-paragraph">Mache zu Beginn deiner Arbeit <strong>Screenshots</strong> von deiner Website, damit du den Prozess im Nachhinein noch verfolgen kannst.</p>



<p class="wp-block-paragraph">Für zusätzliche Motivation kannst du eine Form des <strong>Goaltracking</strong> verwenden. Das ist z.B. ein großes Bild, das du mit jedem erledigten Schritt weiter ausmalst. Dadurch wird sichtbar, dass du deinem Ziel näher kommst, auch wenn es sich noch gar nicht so anfühlt.</p>



<p class="wp-block-paragraph">Teile deine Fortschritte und <strong>sprich mit anderen Menschen über dein Ziel</strong>, eine gute Website aufzubauen. Lass deine Community an dem Prozess teilhaben (Menschen lieben Behind the Scenes!) und sprich mit wohlgesonnenen Freunden/Familienmitgliedern/Business-Buddys über die Arbeit an deiner Website.</p>



<p class="wp-block-paragraph">Entgegen der gängigen Business-Bubble-Meinung, dass du Ziele für dich behalten solltest, wenn du sie wirklich erreichen willst, sagt die psychologische Forschung nämlich etwas anderes! Gail Matthews fand in ihren Untersuchungen heraus, dass Menschen ihre Ziele eher erreichen, wenn sie mit anderen darüber sprechen und sich öffentlich zu ihren Vorhaben bekennen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="5-mache-es-so-angenehm-und-leicht-wie-moglich"><strong>5. Mache es so angenehm und leicht wie möglich</strong></h2>



<p class="wp-block-paragraph">Deine Expertise liegt bestimmt woanders, und nicht im Website bauen, stimmt’s?</p>



<p class="wp-block-paragraph">Sehr wahrscheinlich hast du das Erstellen von Website nicht in deiner Berufsausbildung gelernt. Und trotzdem gehört es jetzt zu deiner Arbeit dazu. Aber Dinge, die wir nicht gelernt haben, sind am Anfang ganz schön herausfordernd und schwierig. (Und schwierige Dinge werden gerne aufgeschoben, weil Menschen ein Grundbedürfnis nach Spaß und Unlust-Vermeidung haben.)</p>



<p class="wp-block-paragraph">Mache dir die Arbeit deshalb so leicht und angenehm wie irgendwie möglich. Wenn es dir einfacher fällt, anzufangen, wenn du in Jogginghose auf dem Sofa eingemummelt bist &#8211; mach das! Wenn man es genau nimmt, musst du nicht mal das Bett verlassen, um an deiner Website zu basteln.</p>



<p class="wp-block-paragraph">Manche Personen brauchen eher ein <strong>richtiges Arbeitsfeeling</strong>, um sich für unangenehme Aufgaben zu motivieren. Wenn du dazu gehörst: Dusch dich, mach deine Haare, zieh dir offizielle Kleidung an, eventuell sogar Schuhe und setzte dich an den Schreibtisch.</p>



<p class="wp-block-paragraph">Schalte Ablenkungen bestmöglich aus, also schließ die Tür und lass dein Handy davor liegen. Deaktiviere Benachrichtigungen auf dem Computer und informiere, falls nötig, Menschen, die mit dir wohnen, dass du ungestört arbeiten möchtest.</p>



<p class="wp-block-paragraph">Du kannst es dir außerdem noch einfacher machen, indem du (<strong>kostenlose</strong>)<strong> Vorlagen</strong>, z.B. direkt von WordPress oder Webdesigner*innen verwendest, anstatt alles komplett selbst zu bauen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="6-setzte-dir-belohnungen-in-aussicht"><strong>6. Setze dir Belohnungen in Aussicht</strong></h2>



<p class="wp-block-paragraph">In deinem Projektplan hast du dir bereits Zwischenziele gesetzt. Als Nächstes kannst du der Erreichung von größeren Etappen zusätzliche Belohnungen zuordnen. Zum Beispiel: <a href="https://www.marapairan.de/shop/ebook-21-tage/" target="_blank" rel="noreferrer noopener">Das Anti-Aufschiebe-E-Book von Mara</a> 😀 (oder meinetwegen auch ein guter Roman für den Sommer). Wähle etwas, das <em>dir</em> Freunde bereitet und dich motiviert oder zumindest für die harte Arbeit ‚entschädigt’.</p>



<p class="wp-block-paragraph">Wichtig beim Thema Belohnungen: Die Erfüllung von Grundbedürfnissen ist keine Belohnung! Also Schlaf, Zeit mit Freunden, Pausen, Bewegung, gesundes Essen, etc. sind essenziell, damit du überhaupt in der Verfassung bist, gute Arbeit zu leisten.</p>



<p class="wp-block-paragraph">Als Belohnungen eignen sich <strong>kleine und große Dinge oder Aktivitäten, die du dir sonst möglicherweise nicht gönnst</strong> oder um die du vielleicht schon eine Weile herumschleichst. Erstelle dir am besten eine Liste mit kleinen und größeren Belohnungen, die dich wirklich erfreuen. So kannst du je nach erreichtem Zwischenziel spontan entscheiden, welche Belohnung gerade passt.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="7-mach-es-mit-anderen-gemeinsam"><strong>7. Mach es mit anderen gemeinsam</strong></h2>



<p class="wp-block-paragraph">Um die Arbeit an deiner Website nicht mehr länger aufzuschieben, kannst du dir auch Menschen suchen, mit denen du gemeinsam daran arbeiten kannst. Diese Technik, bei der du eine Aufgabe erledigst, während eine andere Person dabei ist, nennt sich <strong>Body-Doubling</strong>. Das funktioniert auch online.</p>



<p class="wp-block-paragraph">Vielleicht kennst du ja durch deine Arbeit oder Instagram andere Selbstständige, mit denen du dich verabreden kannst. Oder du fragst im Freundeskreis herum. Es ist nicht mal notwendig, dass die andere Person auch an ihrer Website arbeitet. Es reicht die Anwesenheit und damit der soziale Druck, auch wirklich etwas zu machen.</p>



<p class="wp-block-paragraph">Auch <a href="https://anitaschwarz.com/digitales-coworking-erfahrungen/" target="_blank" rel="noreferrer noopener">digitale Co-Workings</a> können diese Funktion erfüllen. Bei dem <a href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noreferrer noopener">Website-CoWorking</a> von Anita hat man außerdem noch die Chance auch Fragen zu stellen, wenn man an einer Stelle hängt. Das ist extrem hilfreich und sorgt dafür, dass du mit deiner Website wirklich vorankommst.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="7-1-lass-dir-helfen"><strong>7+1 Lass dir helfen</strong></h2>



<p class="wp-block-paragraph">Dieser letzte Tipp gilt sowohl für dich, als auch für deine Website.</p>



<p class="wp-block-paragraph">Ich weiß, dass du als Solo-Selbstständige alles selber machen willst. <strong>Aber du darfst auch Hilfe annehmen!</strong> Wenn deine Website einfach nicht fertig wird, kannst du die Arbeit auch auslagern oder es in 1:1-Sessions mit jemandem gemeinsam aufsetzen lassen.</p>



<p class="wp-block-paragraph">Und wenn deine Aufschieberitis so stark ist, dass sie dich am beruflichen Weiterkommen hindert, kann es eine kluge Idee sein, mal mit einer Expertin wie mir zu sprechen. Gemeinsam können wir dann den Ursachen der Aufschieberitis auf den Grund gehen und für dich passende Lösungen finden.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex" style="background-color:#d3e0e84d">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full is-style-default"><img loading="lazy" decoding="async" width="500" height="667" src="https://anitaschwarz.com/wp-content/uploads/Mara-Pairan-Psychologin-Gesunde-Produktivitaet-2024-Portrait.jpg" alt="" class="wp-image-13258" srcset="https://anitaschwarz.com/wp-content/uploads/Mara-Pairan-Psychologin-Gesunde-Produktivitaet-2024-Portrait.jpg 500w, https://anitaschwarz.com/wp-content/uploads/Mara-Pairan-Psychologin-Gesunde-Produktivitaet-2024-Portrait-225x300.jpg 225w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Über Mara Pairan<br></strong>Mara ist Psychologin und Expertin für gesunde Produktivität. Sie hilft Menschen ihre aufgeschobenen To-dos endlich anzugehen und zeigt selbstständigen Workaholics wie sie Arbeit und Freizeit gestalten, ohne sich kaputt zu schuften. Ihre Methoden ermöglichen es, die Freizeit wieder ohne schlechtes Gewissen zu genießen.</p>



<p class="wp-block-paragraph">Mara bietet persönliche Beratungen, ein Anti-Aufschiebe-E-Book sowie interaktive Workshops und Vorträge an, die auf individuelle Bedürfnisse zugeschnitten sind.</p>



<p class="wp-block-paragraph"><strong>Website</strong>: <a href="https://www.marapairan.de/" target="_blank" rel="noreferrer noopener">marapairan.de</a><br><strong>Instagram:</strong> <a href="https://www.instagram.com/marapairan/" target="_blank" rel="noreferrer noopener">@marapairan</a><br><strong>Für 0 €: </strong><a href="https://www.marapairan.de/ueberforderung/" target="_blank" rel="noreferrer noopener">Dein Anti-Überforderungs-Plan</a></p>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/hindernisse-website-erstellung-aufschieberitis/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>404-Monitor von Rank Math: 404-Fehler finden und beheben</title>
		<link>https://anitaschwarz.com/404-monitor-rank-math-404-fehler-beheben/</link>
					<comments>https://anitaschwarz.com/404-monitor-rank-math-404-fehler-beheben/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 22 Jul 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Website optimieren]]></category>
		<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website-Probleme]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=12996</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Ein 404-Monitor hilft dir, kaputte Links auf deiner Website zu finden. Diese sogenannten "404-Fehler" treten auf, wenn jemand versucht, eine Unterseite zu besuchen, die es nicht (mehr) gibt. Das kann passieren, wenn du eine Seite umbenennst, löschst oder wenn jemand einen Tippfehler in der URL hat.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/404-Monitor-Rank-Math-404-Fehler-finden-und-beheben-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/8ccdd4ac3ea04d19b8da0e79c343ea46" width="1" height="1" alt="">



<p class="wp-block-paragraph">404-Fehler kennst du bestimmt. Diese erscheinen, wenn du auf einer Website Unterseite aufrufst, die es nicht (mehr) gibt.</p>



<p class="wp-block-paragraph"><strong>Mit einem 404-Monitor kannst du herausfinden, durch welche Links ein solcher 404-Fehler ausgelöst wird </strong>und deine Besucher*innen auf deiner 404-Seite landen.</p>



<p class="wp-block-paragraph">Wenn du Rank Math nutzt, kannst du Weiterleitungen schnell einrichten und 404-Fehler einfach beheben. In diesem Beitrag zeige ich dir alles, was du zum 404-Monitor von Rank Math wissen musst und wie du damit 404-Fehler finden und beheben kannst.</p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
</div>



<h2 class="wp-block-heading" id="was-ist-ein-404-monitor">Was ist ein 404-Monitor?</h2>



<p class="wp-block-paragraph"><strong>Ein 404-Monitor hilft dir, kaputte Links auf deiner Website zu finden.</strong> Diese sogenannten &#8222;404-Fehler&#8220; treten auf, wenn jemand versucht, eine Unterseite zu besuchen, die es nicht (mehr) gibt. Das kann passieren, wenn du eine Seite umbenennst, löschst oder wenn jemand einen Tippfehler in der URL hat.</p>



<p class="wp-block-paragraph"><strong>Mit einem 404-Monitor behältst du den Überblick</strong> und mit <a href="https://anitaschwarz.com/rank-math-einrichten/" target="_blank" rel="noreferrer noopener">Rank Math SEO</a> kannst du direkt entsprechende <a href="#weiterleitung-einrichten">Weiterleitungen einrichten</a>, damit deine Besucher*innen auf einer funktionierenden Unterseite landen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="warum-ist-ein-404-monitor-wichtig">Warum ist ein 404-Monitor wichtig?</h2>



<p class="wp-block-paragraph"><strong>404-Fehler verschlechtern nicht nur die Erfahrung deiner Website-Besucher*innen, sondern können auch negative Auswirkungen auf dein SEO-Ranking haben.</strong> Suchmaschinen mögen es nicht, wenn sie auf kaputte Links stoßen. Das kann dazu führen, dass deine Seite in den Suchergebnissen weiter unten platziert wird.</p>



<p class="wp-block-paragraph">Ein 404-Monitor hilft dir, kaputte Links zu erkennen und zu beheben, bevor sie zum Problem werden.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="404-monitor-von-rank-math-einrichten">404-Monitor von Rank Math einrichten</h2>



<p class="wp-block-paragraph">Rank Math ist mein liebstes SEO-Plugin für WordPress, das auch einen 404-Monitor beinhaltet. Hier zeige ich dir, wie du ihn einrichtest und die Daten, die er dir liefert, auswertest.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="rank-math-installieren-und-aktivieren">Rank Math installieren und aktivieren</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<p class="wp-block-paragraph">Wenn du Rank Math noch nicht installiert hast, navigiere im WordPress-Dashboard zu » Plugins » Neues Plugin hinzufügen und suche nach &#8222;Rank Math&#8220;. Installiere und aktiviere das Plugin.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="500" height="275" src="https://anitaschwarz.com/wp-content/uploads/Plugin-Rank-Math.jpg" alt="" class="wp-image-8953" srcset="https://anitaschwarz.com/wp-content/uploads/Plugin-Rank-Math.jpg 500w, https://anitaschwarz.com/wp-content/uploads/Plugin-Rank-Math-300x165.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>
</div>



<p class="wp-block-paragraph"><strong>Wie du Rank Math einrichtest, zeige ich dir in diesem Beitrag:<br></strong><a href="https://anitaschwarz.com/rank-math-einrichten/" target="_blank" rel="noreferrer noopener">Komplett-Anleitung: Rank Math richtig einrichten</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="404-monitor-von-rank-math-aktivieren">404-Monitor von Rank Math aktivieren</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">Gehe im WordPress-Dashboard zu Rank Math SEO » Dashboard und aktiviere den 404-Monitor.</p>



<p class="wp-block-paragraph">Jetzt erhältst du im Dashboard in der linken Seite den Punkt &#8222;404-Monitor&#8220;. Darüber kannst du deinen 404-Monitor aufrufen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="298" height="435" src="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor-aktivieren.jpg" alt="" class="wp-image-12998" srcset="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor-aktivieren.jpg 298w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor-aktivieren-206x300.jpg 206w" sizes="(max-width: 298px) 100vw, 298px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="einstellungen-im-404-monitor-von-rank-math">Einstellungen im 404-Monitor von Rank Math</h3>



<p class="wp-block-paragraph">Die Einstellungen für deinen 404-Monitor kannst du im WordPress-Dashboard über » Rank Math SEO » Allgemeine Einstellungen » 404-Monitor aufrufen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="wp-block-paragraph"><strong>Ich empfehle dir, den einfachen Modus zu aktivieren. Und das Protokolllimit auf 100 festzusetzen. </strong>Das heißt, dir werden im 404-Monitor die letzten 100 Einträge angezeigt.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="883" src="https://anitaschwarz.com/wp-content/uploads/Rank-Math-Einrichtung-Allgemeine-Einstellungen-404-Monitor.jpg" alt="Screenshot mit den Einstellungen im 404-Monitor. Modus auf Einfach, Protokolllimit auf 100." class="wp-image-9325" srcset="https://anitaschwarz.com/wp-content/uploads/Rank-Math-Einrichtung-Allgemeine-Einstellungen-404-Monitor.jpg 800w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-Einrichtung-Allgemeine-Einstellungen-404-Monitor-272x300.jpg 272w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-Einrichtung-Allgemeine-Einstellungen-404-Monitor-768x848.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="404-fehler-finden-analysieren">404-Fehler finden &amp; analysieren</h2>



<p class="wp-block-paragraph"><strong>Den 404-Monitor kannst du über zwei Wege aufrufen. </strong>Entweder über die linke Seitenleiste im WordPress-Dashboard » Rank Math SEO » 404-Monitor oder über die obere Menü-Leiste in WordPress » Rank Math SEO » 404-Monitor.</p>



<p class="wp-block-paragraph"><strong>Im 404-Monitor siehst du eine Liste der letzten 100</strong> (oder der Anzahl, die du davor als Protokolllimit festgelegt hast) <strong>404-Fehler, die auf deiner Website aufgetreten sind.</strong> Du kannst also sehen, welche URLs aufgerufen, aber nicht gefunden wurden und wie oft die Fehler aufgetreten sind.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="233" src="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor.jpg" alt="404-Monitor von Rank Math mit 5 beispielhaften 404-Fehlern" class="wp-image-13031" srcset="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor.jpg 1000w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor-300x70.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Monitor-768x179.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Sicher fragst du dich jetzt:</p>



<h3 class="wp-block-heading" id="was-soll-ich-mit-diesen-404-fehlern-machen">Was soll ich mit diesen 404-Fehlern machen?</h3>



<h4 class="wp-block-heading"><strong>1. Liste nach Häufigkeit der Aufrufe (Treffer) sortieren</strong></h4>



<p class="wp-block-paragraph">Ich empfehle dir, die Liste zuerst nach der Anzahl der Treffer zu sortieren. Dazu klickst du zweimal auf das Wort &#8222;Treffer&#8220;, dann werden dir oben die 404-Fehler angezeigt, die am häufigsten aufgetreten sind.</p>



<p class="wp-block-paragraph">Um 404-Fehler mit vielen Treffern solltest du dich zuerst kümmern und herausfinden, ob du sie ignorieren kannst oder eine <a href="#weiterleitung-einrichten">Weiterleitung einrichten</a> solltest.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>2. 404-Fehler bewerten</strong></h4>



<p class="wp-block-paragraph"><strong>Die 404-Fehler von Websites können sehr unterschiedlich sein.</strong> Ich gehe mit dir häufige 404-Fehler durch und gebe dir im Anschluss einen hilfreichen Prompt, mit dem du ChatGPT oder ein anderes KI-Tool nutzen kannst, um deine 404-Fehler zu analysieren.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="404-fehler-die-du-ignorieren-kannst"><strong>404-Fehler, die du ignorieren kannst</strong></h3>



<h4 class="wp-block-heading"><strong>Fehler: apple-touch-icon.png</strong></h4>



<p class="wp-block-paragraph">auch:</p>



<ul class="wp-block-list">
<li>apple-touch-icon-precomposed.png</li>



<li>apple-touch-icon-120&#215;120.png</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Diesen 404-Fehler bemerken deine Website-Besucher*innen nicht.</strong> Er läuft im Hintergrund ab, wenn ein iOS-Gerät versucht, über diese URL ein Icon aufzurufen. Ist unter diesem Link kein Icon zu finden, wird entweder das von dir festgelegte Favicon oder ein Standard-Icon verwendet.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Das kannst du tun:</strong></p>



<p class="wp-block-paragraph">Diesen Fehler kannst du ignorieren <em>oder du tust dir den Aufwand an und hinterlegst hinter diesem Link ein eigenes Icon. Allerdings solltest du dieses dann auch in mehreren Größen zur Verfügung stellen.</em></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Fehler: 404</strong></h4>



<p class="wp-block-paragraph"><strong>Ein Aufruf der URL /404 heißt, dass jemand versucht hat, direkt auf deine 404-Seite zuzugreifen.</strong> Vielleicht hat jemand deine Seite nach einem 404-Fehler neu geladen oder wollte schauen, wie deine 404-Seite aussieht. Zum Beispiel, um sich für die eigene Website inspirieren zu lassen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Das kannst du tun:</strong></p>



<p class="wp-block-paragraph">Diesen Fehler kannst du ignorieren.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Verdächtige Anfragen</strong></h4>



<p class="wp-block-paragraph">Beispiele:</p>



<ul class="wp-block-list">
<li>phpmyadmin</li>



<li>wp-content/plugins/ioxi/goat22.PhP7</li>



<li>.well-known/traffic-advice</li>



<li>-/./-/-/-/-/-/-/-/-</li>



<li>und viele weitere</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Diese Aufrufe weisen auf Bots hin, die nach Schwachstellen suchen.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Das kannst du tun:</strong></p>



<p class="wp-block-paragraph">Diese Art von Anfragen kannst du ignorieren, wenn sie keine gültigen Seiten betreffen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="404-fehler-die-du-beheben-solltest">404-Fehler, die du beheben solltest</h3>



<h4 class="wp-block-heading"><strong>Fehler, die über einen falschen Link ausgelöst werden</strong></h4>



<p class="wp-block-paragraph">Beispiele:</p>



<ul class="wp-block-list">
<li>ueber-mich<br><em>Deine Über-mich-Seite ist unter /uber-mich aufrufbar? Leite die URL /ueber-mich zu /uber-mich weiter.</em></li>



<li>datenschutzerklaerung<br><em>Deine Datenschutzerklärung ist unter /datenschutz aufrufbar? Leite /datenschutzerklaerung zu /datenschutz weiter.)</em></li>



<li>danke-freebie<br><em>Du hattest mal eine Danke-Seite für ein 0€-Produkt und hast die URL umbenannt in /danke-checkliste? Leite /danke-freebie zu /danke-checkliste weiter.</em></li>



<li>newsletter<br><em>Ein*e Website-Besucher*in wollte die Anmeldung zu deinem Newsletter finden, allerdings ist deine Newsletter-Anmeldung nicht unter /newsletter, sondern unter /post-fuer-dich erreichbar. Leite /newsletter zu /post-fuer-dich weiter.</em></li>



<li>kontkt <br><em>Hast du dich verschrieben? Oder ein*e Besucher*in wollte deine Kontakt-Seite aufrufen und hat sich vertippt? Leite /kontkt zu /kontakt weiter.</em></li>



<li>&#8230;..</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Vielleicht hast du irgendwo einen alten Link hinterlegt, über den Website-Besucher*innen einen 404-Fehler erhalten. Oder jemand hat sich gedacht: &#8222;Über die URL /angebot bekomme ich bestimmt eine Übersicht über deine Angebote.&#8220;</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Das kannst du tun:</strong></p>



<p class="wp-block-paragraph">Diese Links kannst du <a href="#weiterleitung-einrichten">auf eine Unterseite weiterleiten</a>, auf der deine Besucher*innen richtig aufgehoben sind, wenn sie die jeweilige URL aufrufen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Es gibt noch viel mehr 404-Fehler, die ich in diesem Beitrag nicht alle aufzählen kann. Sehr viele 404-Fehler kannst du ignorieren. <strong>Wichtig ist, herauszufinden, welche 404-Fehler deine Website-Besucher*innen beeinträchtigen.</strong> Diese entstehen meistens durch falsch geschriebene oder veraltete Verlinkungen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="prompt-zur-analyse-deiner-individuellen-404-fehler"><strong>Prompt zur Analyse deiner individuellen 404-Fehler</strong></h3>



<p class="wp-block-paragraph">Prompt für ChatGPT, der dir helfen soll, deine 404-Fehler zu analysieren.</p>



<div id="copyText">
Ich habe eine Liste von 404-Fehlern aus meinem 404-Monitor. Bitte hilf mir, diese Fehler zu analysieren und gib mir einfache, verständliche Anweisungen, wie ich sie beheben kann. Hier ist die Liste der URLs und die Anzahl der Treffer:
[Liste kopieren und einfügen]
</div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<button onclick="copyToClipboard()">Prompt kopieren</button>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="404-fehler-beheben">404-Fehler beheben</h2>



<p class="wp-block-paragraph"><strong>Hast du kaputte Links gefunden?</strong> Dann gibt es mehrere Möglichkeiten, sie zu beheben:</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="weiterleitung-einrichten">Weiterleitung einrichten</h3>



<p class="wp-block-paragraph">Verwende Rank Math, um 301-Weiterleitungen einzurichten. So kannst du Besucher*innen von der nicht gefundenen Seite auf eine andere, funktionierende Unterseite weiterleiten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Weiterleitung mit Rank Math einrichten</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Klicke dazu im 404-Monitor unter dem jeweiligen 404-Fehler auf &#8222;Weiterleitung&#8220;.</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="289" height="53" src="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-404-Fehler.jpg" alt="404-Fehler &quot;wordpress-website-checkliste-2024&quot;, den ich zu einem anderen Link weiterleiten will." class="wp-image-13033"/></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="wp-block-paragraph">Danach öffnet sich ein Fenster, in dem du eine Weiterleitung einrichten kannst.</p>



<p class="wp-block-paragraph"><strong>Dazu gibst du einfach bei Ziel-URL den Link ein, zu dem du weiterleiten möchtest</strong> und klickst auf &#8222;Neue Umleitung hinzufügen&#8220;.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="904" height="835" src="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitung-einrichten.jpg" alt="Fenster, in dem du eine Weiterleitung mit Rank Math einrichten kannst" class="wp-image-13034" srcset="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitung-einrichten.jpg 904w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitung-einrichten-300x277.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitung-einrichten-768x709.jpg 768w" sizes="(max-width: 904px) 100vw, 904px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">Ich möchte in diesem Fall die nicht existierende URL https://anitaschwarz.com/wordpress-website-checkliste-2024/ zu meinem <a href="https://anitaschwarz.com/website-checkliste-2024/" target="_blank" rel="noreferrer noopener">Blogbeitrag zur Website-Checkliste</a> unter <a href="https://anitaschwarz.com/website-checkliste-2024/" target="_blank" rel="noreferrer noopener">https://anitaschwarz.com/website-checkliste-2024/</a> weiterleiten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Im WordPress-Dashboard unter Rank Math SEO » Weiterleitungen findest du die Übersicht über alle eingerichteten Weiterleitungen</strong> und kannst diese bei Bedarf bearbeiten.</p>



<p class="wp-block-paragraph">Dort siehst du auch, wie oft diese Weiterleitung gebraucht wurde (Treffer), wann sie erstellt wurde und wann sie zum letzten Mal jemanden weitergeleitet hat (letzter Zugriff).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="90" src="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitungen-1024x90.jpg" alt="" class="wp-image-13038" srcset="https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitungen-1024x90.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitungen-300x27.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitungen-768x68.jpg 768w, https://anitaschwarz.com/wp-content/uploads/Rank-Math-SEO-Weiterleitungen.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading">Link aktualisieren</h4>



<p class="wp-block-paragraph">Wenn du weißt, wo sich der kaputte Link innerhalb deiner Website befindet und es nur ein Tippfehler war, ersetze diesen durch den korrekten Link.</p>



<p class="wp-block-paragraph">Falls die Möglichkeit besteht, dass du diesen Link mehrmals falsch gesetzt hast, richte am besten auch eine <a href="#weiterleitung-einrichten">Weiterleitung</a> ein.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="fazit">Fazit: 404-Fehler finden und beheben</h2>



<p class="wp-block-paragraph">Mit <a href="https://anitaschwarz.com/rank-math-einrichten/" target="_blank" rel="noreferrer noopener">Rank Math SEO</a> ist es einfach, 404 Fehler zu finden und zu beheben. So sorgst du dafür, dass deine Website-Besucher*innen eine gute Zeit auf deiner Website haben und Suchmaschinen dich nicht abstrafen.</p>



<p class="wp-block-paragraph">Hol dir gleich meine <a href="https://anitaschwarz.com/website-checkliste/" target="_blank" rel="noreferrer noopener">Website-Checkliste</a>, um zu erfahren, welche Punkte du noch beachten solltest, damit deine Website sicher, benutzerfreundlich und funktionsfähig ist.</p>


		<div data-elementor-type="page" data-elementor-id="11227" class="elementor elementor-11227" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-78c8444 e-flex e-con-boxed e-con e-parent" data-id="78c8444" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-ff7f03e e-con-full blur-overlay e-flex e-con e-child" data-id="ff7f03e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-954109b elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="954109b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjExMjQwIiwidG9nZ2xlIjpmYWxzZX0%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Checkliste</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-59440f0 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="59440f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Deine Website läuft...<br>aber läuft sie auch GUT?</div>				</div>
				<div class="elementor-element elementor-element-6a5a409 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="6a5a409" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Niemand will böse Überraschungen auf der Website. Abmahnungen, Hackerangriffe oder Besucher*innen, die sofort wieder wegklicken.</p><p>Mit dieser Checkliste erfährst du, ob alles stimmt und du nichts Wichtiges übersehen hast. <strong>40+ Punkte aus 5 wichtigen Bereichen</strong> &#8211; verständlich erklärt, ohne dass du Technik-Expertin sein musst.</p>								</div>
		<div class="elementor-element elementor-element-91d37f7 e-con-full e-flex e-con e-child" data-id="91d37f7" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
		<div class="elementor-element elementor-element-b055006 e-con-full e-flex e-con e-child" data-id="b055006" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-aefb247 elementor-widget-tablet__width-inherit elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="aefb247" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items elementor-inline-items">
							<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Sicherheit</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Rechtliches</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Funktionsfähigkeit</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Benutzerfreundlichkeit​</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Suchmaschinenoptimierung</span>
									</li>
						</ul>
						</div>
				<div class="elementor-element elementor-element-225982e elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="225982e" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjExMjQwIiwidG9nZ2xlIjpmYWxzZX0%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-Checkliste für 0 € holen</span>
					</span>
					</a>
								</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/404-monitor-rank-math-404-fehler-beheben/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>3 DSGVO-konforme Alternativen zu Google Analytics für deine WordPress-Website</title>
		<link>https://anitaschwarz.com/alternative-zu-google-analytics/</link>
					<comments>https://anitaschwarz.com/alternative-zu-google-analytics/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 08 Jul 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Website optimieren]]></category>
		<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website-Analyse]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=12175</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Nutzt du Google Analytics? Oder hast du noch kein Analyse-Tool, weil dir die Einrichtung von Google Analytics auf deiner Website zu aufwendig oder risikoreich war? Hier habe ich 3 Alternativen für dich.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/DSGVO-konforme-Alternativen-zu-Google-Analytics-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/17aa23a632494eeeb080579e4f13c2a5" width="1" height="1" alt="">



<p class="wp-block-paragraph">Willst du weg von Google Analytics? Oder hast du noch kein Analyse-Tool, weil dir die Einrichtung von Google Analytics auf deiner Website zu aufwendig oder risikoreich war? Dann wird dich dieser Beitrag interessieren.</p>



<p class="wp-block-paragraph">Ich verrate dir <strong>meine 3 liebsten Alternativen zu Google Analytics</strong> und welche Tools besonders <strong>für Solo-Selbständige</strong> geeignet sind, weil sie schnell eingerichtet und einfach zu bedienen sind.</p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="4386" class="elementor elementor-4386" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-175e8af e-flex e-con-boxed e-con e-parent" data-id="175e8af" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58af7e9 elementor-widget elementor-widget-text-editor" data-id="58af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><em>Dieser Beitrag enthält Werbelinks von Anbietern, die ich selbst gerne nutze. Diese sind mit einem * markiert. Wenn du über einen solchen Link kaufst, erhalte ich eine kleine Provision. Für dich entstehen dabei keine Mehrkosten. Wo, wann und wie du ein Produkt kaufst, bleibt natürlich dir überlassen.</em></p>								</div>
					</div>
				</div>
				</div>
		


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
</div>



<h2 class="wp-block-heading" id="warum-website-aufrufe-analysieren">4 Gründe, warum du deine Website-Aufrufe analysieren solltest</h2>
</div>



<p class="wp-block-paragraph"><strong>1. Entwicklung sichtbar machen<br></strong>Erst, wenn du weißt, wie viele Besucher*innen diesen Monat auf deiner Website waren, kannst du herausfinden, ob die <strong>Anzahl deiner Besucher*innen steigt oder sinkt</strong>. Deshalb ist meine Empfehlung, so schnell wie möglich, ein datenschutzkonformes(!) Analyse-Plugin zu installieren.</p>



<p class="wp-block-paragraph">Siehe auch:<br><a href="https://anitaschwarz.com/website-traffic-analysieren/">Website Traffic analysieren: Was die Zahlen deines Analyse-Tools bedeuten und wie du sie auswertest</a></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>2. Besucher*innen kennenlernen<br></strong>Mit Analyse-Tools kannst du mehr über deine Besucher*innen erfahren. <strong>Über welche Quelle kommen sie? Welche Seiten werden am häufigsten besucht? Wie lange bleiben sie?</strong> Welches Gerät und welchen Browser nutzen sie, um deine Website anzusehen? Wann verlassen sie deine Website wieder?</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>3. Optimierungspotenzial entdecken<br></strong>Indem du regelmäßig schaust, <strong>an welcher Stelle viele Besucher*innen deine Website verlassen</strong>, kannst du versuchen, dem entgegenzuwirken.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>4. Stärken erkennen<br></strong>Deine Besucherzahlen verraten dir, <strong>welche Unterseiten und Blogbeiträge besonders oft besucht werden</strong>. Was ein Analyse-Tool allerdings nicht kann, ist dir anzuzeigen, über welche Suchbegriffe Google-Nutzer*innen auf deine Website kommen. Dafür empfehle ich dir, zusätzlich zu einem Analyse-Tool die <a href="https://anitaschwarz.com/google-search-console-einrichten/" target="_blank" rel="noreferrer noopener">Google Search Console einzurichten</a>.</p>



<p class="wp-block-paragraph"><strong>Betreffend Datenschutz brauchst du dir bei der Google Search Console keine Gedanken machen,</strong> weil Google diese Daten über ihre Suchmaschine sammelt. Also noch bevor die Nutzer*innen auf deiner Website landen. Wenn du sie einrichtest, bekommst du die Daten in anonymisierter Form zur Verfügung gestellt.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="warum-nicht-google-analytics">3 Gründe, warum ich dir Google Analytics <span style="text-decoration: underline;">nicht</span> empfehle</h2>



<p class="wp-block-paragraph">Du hast sicher schon oft von Google Analytics gehört. Es ist das meistgenutzte Tool, um den Traffic auf einer Website zu analysieren.</p>



<p class="wp-block-paragraph">Aber bevor du es in deine Website einbaust, solltest du dir über die Nachteile bewusst werden und warum datenschutzfreundliches Tracking für dich als Solo-Selbständige die bessere Wahl ist:</p>



<ul class="wp-block-list">
<li><strong>Google Analytics sammelt eine Menge Daten über die Besucher*innen deiner Website.</strong> Diese Daten werden auf Servern in den USA gespeichert. Die Übertragung personenbezogener Daten in die USA gilt als problematisch, da die USA nicht als sicherer Drittstaat anerkannt sind und aktuell eine ausreichende rechtliche Grundlage für diese Datenübertragungen fehlt.<br><em>(Stand: Juli 2024)</em></li>
</ul>



<p class="wp-block-paragraph"></p>



<ul class="wp-block-list">
<li><strong>Als Website-Besitzerin hast du keine direkte Kontrolle über die gesammelten Daten. </strong>Zudem ist nicht vollständig transparent, welche Daten genau erhoben werden und wie diese genutzt werden.</li>
</ul>



<p class="wp-block-paragraph"></p>



<ul class="wp-block-list">
<li><strong>Viele Website-Betreiber*innen, die Google Analytics nutzen, werten die gesammelten Daten nicht aus, weil es zu viele sind.</strong> Andere Plugins, wie Koko Analytics oder <a href="https://anitaschwarz.com/tools-independent-analytics/" target="_blank" rel="noreferrer noopener sponsored">Independent Analytics</a>*, sammeln weniger Daten und machen damit die Auswertung einfacher.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="datenschutzfreundliches-besucher-tracking">Datenschutzfreundliches Besucher-Tracking</h2>



<p class="wp-block-paragraph">Anstatt personenbezogene Daten zu sammeln, werden anonymisierte Informationen verwendet. <strong>Das bedeutet, dass keine Namen, E-Mail-Adressen oder andere persönliche Details erfasst werden, die deine Besucher*innen identifizieren könnten.</strong></p>



<p class="wp-block-paragraph">Zum Schutz der Privatsphäre werden beispielsweise IP-Adressen anonymisiert, und es werden entweder gar keine Cookies verwendet oder nur solche mit minimalen Informationen, die keine Rückschlüsse auf einzelne Personen zulassen.</p>



<p class="wp-block-paragraph"><strong>Datenschutzfreundliches Besucher-Tracking hilft dir dabei, rechtliche Anforderungen wie die DSGVO einzuhalten. </strong>Gleichzeitig zeigst du deinen Besucher*innen, dass dir ihre Privatsphäre wichtig ist.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="dsgvo-konforme-alternativen-zu-google-analytics">3 DSGVO-konforme Alternativen zu Google Analytics</h2>



<p class="wp-block-paragraph">Es gibt mittlerweile viele Alternativen zu Google Analytics. <strong>Meine 3 liebsten sind:</strong></p>



<ul class="wp-block-list">
<li>Matomo</li>



<li><a href="https://anitaschwarz.com/tools-independent-analytics/" target="_blank" rel="noreferrer noopener sponsored">Independent Analytics</a>*</li>



<li>Koko Analytics</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="unterschiede-der-analyse-tools">Unterschiede der Analyse-Tools</h3>



<figure class="wp-block-table has-medium-font-size"><table class="has-fixed-layout"><thead><tr><th></th><th class="has-text-align-center" data-align="center">Koko<br>Analytics</th><th class="has-text-align-center" data-align="center"><a href="https://anitaschwarz.com/tools-independent-analytics/" target="_blank" rel="noreferrer noopener sponsored">Independent Analytics</a>*</th><th class="has-text-align-center" data-align="center">Matomo</th><th class="has-text-align-center" data-align="center">Google<br>Analytics</th></tr></thead><tbody><tr><td><strong>Installation</strong></td><td class="has-text-align-center" data-align="center">selbst gehostet</td><td class="has-text-align-center" data-align="center">selbst gehostet</td><td class="has-text-align-center" data-align="center">selbst gehostet oder Cloud</td><td class="has-text-align-center" data-align="center">Cloud</td></tr><tr><td><strong>Einrichtungs-aufwand</strong></td><td class="has-text-align-center" data-align="center">sehr gering</td><td class="has-text-align-center" data-align="center">sehr gering</td><td class="has-text-align-center" data-align="center">mittel</td><td class="has-text-align-center" data-align="center">hoch</td></tr><tr><td><strong>Datenschutz</strong></td><td class="has-text-align-center" data-align="center">✅<br>DSGVO-konform, keine Drittanbieter-dienste</td><td class="has-text-align-center" data-align="center">✅<br>DSGVO-konform, keine Drittanbieter-dienste</td><td class="has-text-align-center" data-align="center">✅<br>DSGVO-konform, Daten bleiben auf eigenen Servern</td><td class="has-text-align-center" data-align="center">❌<br>Daten werden auf Google-Servern in den USA gespeichert</td></tr><tr><td><strong>Cookies</strong></td><td class="has-text-align-center" data-align="center">kann ohne Cookies betrieben werden, wenn konfiguriert</td><td class="has-text-align-center" data-align="center">setzt keine Cookies</td><td class="has-text-align-center" data-align="center">kann ohne Cookies betrieben werden, wenn konfiguriert</td><td class="has-text-align-center" data-align="center">setzt Cookies standardmäßig</td></tr><tr><td><strong>Kosten</strong></td><td class="has-text-align-center" data-align="center">kostenlose und kostenpflichtige Versionen</td><td class="has-text-align-center" data-align="center">kostenlose und kostenpflichtige Versionen</td><td class="has-text-align-center" data-align="center">kostenlose und kostenpflichtige Versionen</td><td class="has-text-align-center" data-align="center">kostenlos, <em>kostenpflichtige Optionen</em></td></tr><tr><td><strong>Bedienung</strong></td><td class="has-text-align-center" data-align="center">sehr einfach</td><td class="has-text-align-center" data-align="center">sehr einfach</td><td class="has-text-align-center" data-align="center">komplex, viele Funktionen</td><td class="has-text-align-center" data-align="center">komplex, viele Funktionen</td></tr><tr><td><strong>Funktionen</strong></td><td class="has-text-align-center" data-align="center">eingeschränkte Basisfunktionen<br>(keine Sitzungsdauer, Absprungrate, &#8230;)</td><td class="has-text-align-center" data-align="center">erweiterte Basisfunktionen</td><td class="has-text-align-center" data-align="center">umfangreich<br>(E-Commerce, Funnels, etc.)</td><td class="has-text-align-center" data-align="center">sehr umfangreich (E-Commerce, Funnels, etc.)</td></tr><tr><td><strong>Einfluss auf Ladezeit</strong></td><td class="has-text-align-center" data-align="center">gering</td><td class="has-text-align-center" data-align="center">gering</td><td class="has-text-align-center" data-align="center">moderat bis hoch, je nach Konfiguration</td><td class="has-text-align-center" data-align="center">moderat bis hoch</td></tr><tr><td><strong>Empfehlung für</strong></td><td class="has-text-align-center" data-align="center">Solo-Selbständige</td><td class="has-text-align-center" data-align="center">Solo-Selbständige und kleine Unternehmen</td><td class="has-text-align-center" data-align="center">mittlere und große Unternehmen</td><td class="has-text-align-center" data-align="center">mittlere und große Unternehmen</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Falls du dich dennoch für Google Analytics entscheidest, solltest du von deinen Website-Besucher*innen unbedingt eine ausdrückliche Einwilligung über einen Cookie-Banner einholen, die IP-Anonymisierungsfunktion aktivieren, einen Auftragsverarbeitungsvertrag mit Google abschließen und Google Analytics in deine Datenschutzerklärung aufnehmen.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-large-font-size wp-block-paragraph"><strong>Die nächsten Schritte:</strong></p>



<p class="wp-block-paragraph">Du kennst jetzt <strong>3 datenschutzkonforme Tools</strong>, mit denen du deine Website-Aufrufe tracken kannst. Entscheide dich am besten direkt für eins davon und nimm dir in den nächsten Tagen eine Stunde Zeit, um es zu installieren und einzurichten.</p>



<p class="wp-block-paragraph">Komm dazu gerne ins <a href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noreferrer noopener">Website-CoWorking</a>. Das findet einmal monatlich statt. Wenn du beim Einrichten Fragen hast, kannst du mir diese direkt stellen. <a href="https://anitaschwarz.com/website-coworking/#termine">Zu den nächsten Terminen.</a></p>


		<div data-elementor-type="container" data-elementor-id="6352" class="elementor elementor-6352" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-92ef84f e-flex e-con-boxed e-con e-parent" data-id="92ef84f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2ad462f e-con-full blur-overlay e-flex e-con e-child" data-id="2ad462f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4453b23 elementor-align-left elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-button" data-id="4453b23" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Website-CoWorking für 0 €</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-55b3b87 elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="55b3b87" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<div class="elementor-heading-title elementor-size-default">Du schiebst deine Website-Aufgaben vor dir her?</div>				</div>
				<div class="elementor-element elementor-element-f8d3fc7 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="f8d3fc7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Nutze das Website-CoWorking, um gemeinsam mit anderen an der eigenen Website zu arbeiten. Wenn du mal nicht weiter weißt, treffen wir uns zu zweit in einem Breakout-Room und ich helf dir direkt auf deinem Bildschirm weiter.</p>
<p><span style="text-decoration: underline;"><a style="text-decoration: none;" title="Website-CoWorking" href="https://anitaschwarz.com/website-coworking/" target="_blank" rel="noopener">Hier findest du die nächsten Termine &amp; weitere Infos zum Website-CoWorking.</a></span></p>								</div>
				<div class="elementor-element elementor-element-36c1093 elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="36c1093" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjUwMzEiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Jetzt für 0 € zum CoWorking anmelden</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/alternative-zu-google-analytics/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gutenberg-Anleitung: Eigene Vorlagen für deine Beiträge erstellen (ohne Code)</title>
		<link>https://anitaschwarz.com/gutenberg-vorlagen-erstellen/</link>
					<comments>https://anitaschwarz.com/gutenberg-vorlagen-erstellen/#comments</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 24 Jun 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Gutenberg]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website optimieren]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=12058</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Blogbeiträge mit Elementor oder einem anderen Pagebuilder zu gestalten, kostet unnötig viel Zeit und macht deine Website langsamer. Deshalb arbeite ich mit dem Gutenberg-Editor und nutze Vorlagen, um noch mehr Zeit z]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/920e0c63a21d44edaad614a5b9612f8d" width="1" height="1" alt="">



<p class="wp-block-paragraph">Wenn&#8217;s um Blogbeiträge geht, bin ich ein großer Fan vom Gutenberg-Editor. Denn deine Beiträge mit Elementor oder einem anderen Pagebuilder zu gestalten, <strong>kostet dich unnötig viel Zeit und macht deine Website langsam.</strong></p>



<p class="wp-block-paragraph">Ich weiß, dass die Arbeit mit dem Gutenberg-Editor gewöhnungsbedürftig ist. Besonders, wenn man einen <a href="https://anitaschwarz.com/elementor-oder-elementor-pro/" target="_blank" rel="noreferrer noopener">Pagebuilder, wie Elementor</a>, gewohnt ist. Im Gutenberg-Editor siehst du die Inhalte nicht 1:1 so, wie sie auf deiner Website dargestellt werden.</p>



<p class="wp-block-paragraph">Eine praktische Möglichkeit, um mit dem Gutenberg-Editor <strong>in weniger Zeit ansprechende Blogbeiträge zu erstellen</strong>, sind Vorlagen. Wie du Vorlagen mit Gutenberg erstellen, speichern und bearbeiten kannst, zeige ich dir in diesem Beitrag.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="4386" class="elementor elementor-4386" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-175e8af e-flex e-con-boxed e-con e-parent" data-id="175e8af" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58af7e9 elementor-widget elementor-widget-text-editor" data-id="58af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><em>Dieser Beitrag enthält Werbelinks von Anbietern, die ich selbst gerne nutze. Diese sind mit einem * markiert. Wenn du über einen solchen Link kaufst, erhalte ich eine kleine Provision. Für dich entstehen dabei keine Mehrkosten. Wo, wann und wie du ein Produkt kaufst, bleibt natürlich dir überlassen.</em></p>								</div>
					</div>
				</div>
				</div>
		


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-ist-der-gutenberg-editor"><strong>Was ist der Gutenberg-Editor?</strong></h2>



<p class="wp-block-paragraph">Der Gutenberg-Editor ist ein Pagebuilder wie Elementor oder Divi. Aber deutlich schneller. Mit ihm kannst du <strong>Blogbeiträge schreiben oder ganze Unterseiten erstellen.</strong></p>



<p class="wp-block-paragraph">Ich nutze den Gutenberg-Editor für Seiten, bei denen mir Design nicht wichtig ist. Zum Beispiel für&#8217;s Impressum und die Datenschutzerklärung. Denn der <strong>Gutenberg-Editor bringt nicht viele Gestaltungsmöglichkeiten mit</strong>.</p>



<p class="wp-block-paragraph">Deshalb habe ich für meine Blogbeiträge mit <a href="https://anitaschwarz.com/tools-elementor/" target="_blank" rel="noreferrer noopener sponsored">Elementor Pro</a>* ein Template im Theme Builder für meine Blogbeiträge erstellt. Mit dem Gutenberg-Editor schreibe ich &#8222;nur&#8220; die Inhalte.</p>



<p class="wp-block-paragraph">Stell dir das vor, wie einen Bilderrahmen. <strong>Elementor liefert den Rahmen. Gutenberg fügt die Inhalte in den Rahmen ein. </strong>Je nachdem, welchen Link deine Besucher*innen anklicken, werden andere Inhalte in diesen Rahmen geladen.</p>



<p class="wp-block-paragraph">In der <a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noreferrer noopener">Blog-Reise</a> zeige ich dir Schritt für Schritt, wie du eine solche Vorlage anlegst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noopener">
        <button>mehr Infos zur Blog-Reise</button></a>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="gutenberg-editor-vorlagen-erstellen">So kannst du mit dem Gutenberg-Editor Vorlagen erstellen</h2>



<p class="wp-block-paragraph">1. Markiere den bzw. die Blöcke, aus denen du eine Vorlage erstellen willst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">2. Klicke in der aufscheinenden <strong>Werkzeugleiste auf die 3 Punkte.</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="110" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-speichern-1.jpg" alt="" class="wp-image-12037" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-speichern-1.jpg 600w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-speichern-1-300x55.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">3. Und im aufscheinenden Menü auf <strong>&#8222;Vorlage erstellen&#8220;.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">4. Dann erscheint ein kleines Fenster:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph"><strong>Name</strong><br>Vergib einen eindeutigen Namen für deine Vorlage, damit du sie in Zukunft wieder findest.</p>



<p class="wp-block-paragraph"><strong>Kategorien</strong><br>Wähle eine oder mehrere Kategorien aus den bestehenden Kategorien aus. Oder erstelle eine neue, in dem du einfach einen neuen Kategorie-Namen eintippst.</p>



<p class="wp-block-paragraph"><strong>Synchronisiert</strong><br>Entscheide, ob du möchtest, dass diese Vorlage auf allen Stellen, wo du sie einsetzt, synchronisiert wird, wenn du eine Änderung vornimmst. Oder ob du sie unabhängig voneinander bearbeiten möchtest.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="337" height="428" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-2.jpg" alt="" class="wp-image-12044" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-2.jpg 337w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-2-236x300.jpg 236w" sizes="(max-width: 337px) 100vw, 337px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">5. Klicke auf &#8222;Erstellen&#8220;.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="gutenberg-editor-vorlagen-finden"><strong>So findest du deine Vorlage im Gutenberg-Editor wieder</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1. Klicke links oben auf das <strong>Plus-Symbol</strong>.</p>



<p class="wp-block-paragraph">2. Klicke entweder auf <strong>&#8222;Meine Vorlagen&#8220;</strong> &#8211; hier findest du alle selbst erstellten Vorlagen &#8211; oder wähle die Kategorie aus, in der du die Vorlage abgespeichert hast.</p>



<p class="wp-block-paragraph">3. Ziehe die Vorlage per <strong>Drag &amp; Drop</strong> an die gewünschte Stelle in deinem Beitrag.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="526" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-3.jpg" alt="" class="wp-image-12047" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-3.jpg 600w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-3-300x263.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>
</div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="gutenberg-editor-uberarbeiten-loschen"><strong>So kannst du deine Vorlage im Gutenberg-Editor überarbeiten oder löschen</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1. Klicke rechts oben in der <strong>Menüleiste auf die 3 Punkte.</strong></p>



<p class="wp-block-paragraph">2. Wähle im unteren Bereich <strong>&#8222;Vorlagen verwalten&#8220; </strong>aus.</p>



<p class="wp-block-paragraph">3. Du siehst jetzt alle deine erstellten Gutenberg-Vorlagen und kannst diese bearbeiten oder löschen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="500" height="500" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht.jpg" alt="" class="wp-image-11891" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht.jpg 500w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht-300x300.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="901" height="249" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4.jpg" alt="" class="wp-image-12051" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4.jpg 901w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4-300x83.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4-768x212.jpg 768w" sizes="(max-width: 901px) 100vw, 901px" /></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="beispiele">Beispiele, wofür du Vorlagen erstellen kannst</h2>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage, um auf Angebote, 0€-Produkte oder deinen Newsletter hinzuleiten.<br></strong>Aktiviere dafür beim Erstellen deiner Vorlage den Schalter &#8222;Synchronisiert&#8220;. So kannst du diese Angebote später mit wenig Aufwand austauschen.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage für Elemente, die du in deinen Blogbeiträgen wiederkehrend verwendest.<br></strong>Zum Beispiel die Box, in der du Gastautor*innen vorstellst, einen FAQ-Bereich, &#8230;</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage für Beiträge, die du im Layout und Design einheitlich halten willst.<br></strong>Du kannst mehrere Vorlagen für verschiedene Beitragsserien anlegen.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage mit allen Aufgaben, die zu tun sind, wenn du einen Beitrag erstellst.<br></strong>Diese Vorlage kannst du beim Anlegen eines neuen Beitrags einfügen und Punkt für Punkt abarbeiten.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-large-font-size wp-block-paragraph"><strong>Du hast Lust bekommen, deinen eigenen Blog zu erstellen?</strong></p>



<p class="wp-block-paragraph">Dann sieh dir die <a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noreferrer noopener">Blog-Reise</a> an. Dort zeige ich dir, wie du deinen eigenen &#8222;Rahmen&#8220; für deinen Blog erstellst, suchmaschinenrelevante Themen für deine Leser*innen findest und deine Beiträge mit dem Gutenberg-Editor schreibst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noopener">
        <button>mehr Infos zur Blog-Reise</button></a>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/gutenberg-vorlagen-erstellen/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Texte für Webseiten: 7 geniale Tipps, um Besucher*innen zu begeistern</title>
		<link>https://anitaschwarz.com/texte-fur-webseiten/</link>
					<comments>https://anitaschwarz.com/texte-fur-webseiten/#respond</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 10 Jun 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Texten]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website optimieren]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=11428</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Texte für unsere Webseiten zu schreiben, die Besucher*innen im Gedächtnis bleiben - das wollen wir doch alle, oder? Katharina teilt in diesem Beitrag 7 Tipps, damit dir genau das gelingt.]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-schreiben-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/2289d2838d34426ab0af979341f383c2" width="1" height="1" alt="">



<p class="wp-block-paragraph">Puuh&#8230; welche Worte wähle ich in meiner Einleitung, um den Gastbeitrag einer Texterin einzuleiten. Ich hab einige Bücher über&#8217;s Texten gelesen, aber so richtig sicher fühle ich mich beim Schreiben trotzdem nicht. Umso mehr freue ich mich, dass Katharina diesen Part auf meinem Blog übernimmt und ihre Tipps teilt, um Texte für Webseiten zu schreiben, die Besucher*innen im Gedächtnis bleiben.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Vegan geworden bin ich über Nacht.</p>



<p class="wp-block-paragraph">Dank einer 30-Tage-Challenge eines mittlerweile nicht mehr so gefragten Vegan-Kochs …</p>



<p class="wp-block-paragraph">Komischerweise fiel mir der Umstieg nicht schwer, obwohl ich vorher Allesesserin war.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Denn ich habe festgestellt:</p>



<p class="wp-block-paragraph">Ich habe tonnenweise Energie!</p>



<p class="wp-block-paragraph"><strong>Keine ständigen Erkältungen mehr, keine Blasenentzündungen.</strong></p>



<p class="wp-block-paragraph">Stattdessen: schöne, gesunde Nägel, eine schönere Haut.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Warum erzähle ich dir das, wo es doch um Texte für Webseiten geht?</strong></p>



<p class="wp-block-paragraph">Dazu komme ich gleich.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Erst mal möchte ich sagen:</p>



<p class="wp-block-paragraph"><strong>Wir Menschen lieben Geschichten.</strong></p>



<p class="wp-block-paragraph">An Zahlen und Fakten können wir uns nicht so gut erinnern wir an richtig gute Storys.</p>



<p class="wp-block-paragraph">Weil wir uns Szenen besser vorstellen können als abstrakte Zahlen.</p>



<p class="wp-block-paragraph">Weil Geschichten Emotionen wecken.</p>



<p class="wp-block-paragraph">Uns berühren.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Und damit kommen wir zur Auflösung:</p>



<p class="wp-block-paragraph">Geschichten lesen sich spannender als die Feststellung, dass die richtigen Worte auf deiner Webseite Besucher*innen informieren und fesseln.</p>



<p class="wp-block-paragraph">Und sie helfen dir, eine <strong>tiefere Verbindung zu deinen Leser*innen</strong> herzustellen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Kurzum:</p>



<p class="wp-block-paragraph"><strong>Storytelling hilft dir, beeindruckende Website-Texte zu schreiben.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Bevor wir zu den 5 Tipps kommen, ist eines aber noch wichtig …</p>



<h2 class="wp-block-heading" id="bevor-du-website-texte-schreibst">Was du wissen solltest, bevor du deine Website-Texte schreibst</h2>



<p class="wp-block-paragraph">Ich liebe Barfußschuhe.</p>



<p class="wp-block-paragraph">Während ich diese Zeilen schreibe, sitze ich in einem Café – mit einem Paar Leguanos an den Füßen.</p>



<p class="wp-block-paragraph">Sie wurden nicht in Asien, sondern in Deutschland hergestellt.</p>



<p class="wp-block-paragraph">Und ich habe, seit ich sie trage, keine Schmerzen oder Blasen an den Füßen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Was hat das mit Texten für Webseiten zu tun?</strong></p>



<p class="wp-block-paragraph">Schau:</p>



<p class="wp-block-paragraph">Jemand, der gern in High Heels durchs Leben läuft, gehört nicht zwingend zur Zielgruppe von Leguano.</p>



<p class="wp-block-paragraph">Das sind eher Menschen, die es sportlich und funktional mögen.</p>



<p class="wp-block-paragraph">Und so richten sich die Produktbeschreibungen und Blogtexte auf der Webseite von Leguano an genau diese Menschen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Bevor du also Texte für deine Webseiten schreibst, solltest du wissen, für wen du schreibst.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Frage dich:</strong></p>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Wer besucht meine Webseite?</li>



<li>Welche Probleme oder Bedürfnisse haben meine Besucher*innen?</li>



<li>Nach welcher Lösung suchen sie?</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du als vegane Ernährungsberaterin arbeitest, sind deine Leser*innen wahrscheinlich an gesunden pflanzlichen Rezepten interessiert.</p>



<p class="wp-block-paragraph">Und an einer Ernährungsberatung.</p>



<p class="wp-block-paragraph">Aber eine 40-jährige Mutter von drei Kindern hat eine andere Ausgangslage als ein 20-jähriger Student, der bei seinen Eltern lebt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Deswegen ist es wichtig, dass du deine Zielgruppe kennst.</p>



<p class="wp-block-paragraph"><strong>So kannst du gezielt die Menschen ansprechen, mit denen du am liebsten zusammenarbeiten willst.</strong></p>



<p class="wp-block-paragraph">Deine Leser*innen sollten das Gefühl haben, dass du genau für sie schreibst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Damit schaffst du eine Vertrauensbasis.</p>



<p class="wp-block-paragraph">Und die ist wichtig.</p>



<p class="wp-block-paragraph">Wenn deine Besucher*innen spüren, dass du sie verstehst, sind sie eher bereit, sich auf deine Tipps einzulassen und deine Beratung zu buchen.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Nun aber …</p>



<h2 class="wp-block-heading" id="7-tipps">7 Tipps, um Texte für Webseiten zu schreiben, die im Gedächtnis bleiben</h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-1-klar-und-konkret"><strong>1. Schreib klar und konkret</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Welcher Satz spricht dich eher an?</strong></p>



<p class="wp-block-paragraph"><em>1. Ich bin eine erfahrene Mentaltrainerin mit einem breiten Hintergrund in psychologischer Beratung und Coaching und helfe dir, deine mentale Stärke zu entwickeln und deine Ziele zu erreichen.</em></p>



<p class="wp-block-paragraph"><em>2. Mit meinen Atemtechniken findest du nach 10 Minuten innere Ruhe.</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ol start="1" class="wp-block-list">
<li></li>
</ol>



<p class="wp-block-paragraph"><strong>Wenn du deine Website-Texte schreibst, solltest du dich kurzfassen.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Keine langen Sätze.</li>



<li>Kein Fachjargon.</li>



<li>Einfache Sprache.</li>



<li>Konkrete Angaben.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Warum?</p>



<p class="wp-block-paragraph"><strong>Komplizierte Sätze und Formulierungen verwässern deine Botschaft.</strong></p>



<p class="wp-block-paragraph">Kompakte Website-Texte und konkrete Angaben holen Leser*innen hingegen genau dort ab, wo sie stehen.</p>



<p class="wp-block-paragraph">Und lassen sie nicht mehr los.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-2-roter-faden"><strong>2. Achte auf einen roten Faden</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><em>&#8222;Mein Albtraum ist wahr geworden. Ich stecke in einem Maisfeld fest, Bro.&#8220;</em></p>



<p class="wp-block-paragraph">Der Mann wollte eigentlich nur ein Paket ausliefern.</p>



<p class="wp-block-paragraph">Er folgte den Anweisungen seines Navis – und strandete im Matsch.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Die Geschichte des Paketboten ging viral.</p>



<p class="wp-block-paragraph">Und warum erzähle ich sie dir?</p>



<p class="wp-block-paragraph"><strong>Der rote Faden beim Schreiben funktioniert wie ein Navigationssystem.</strong></p>



<p class="wp-block-paragraph">Er hilft, das Ziel nicht aus den Augen zu verlieren und führt Leser*innen sicher durch den Text.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du einfach drauflosschreibst, kann es passieren, dass du abschweifst und von einem Thema zum anderen springst.</p>



<p class="wp-block-paragraph"><strong>Wenn dir deine Website-Besucher*innen nicht folgen können oder verwirrt sind, sind sie weg.</strong></p>



<p class="wp-block-paragraph">Auch wenn deine Dienstleistung oder dein Produkt genial ist.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Deshalb:</p>



<p class="wp-block-paragraph"><strong>Hab ein Auge auf den roten Faden und darauf, dass du mit den Texten für deine Webseiten ein angenehmes Erlebnis schaffst.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wie das geht?</p>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Beherzige eine <strong>logische Abfolge</strong> deiner Worte und Sätze.</li>



<li>Schaffe <strong>klare Übergänge</strong>. Am besten ergibt sich ein Satz aus dem vorhergehenden.</li>



<li>Bleibe bei deinem Thema.</li>



<li>Sorge dafür, dass die einzelnen Abschnitte für sich und als Ganzes <strong>nachvollziehbar</strong> sind.</li>



<li>Achte auf eine <strong>einheitliche Sprache</strong>.</li>
</ul>



<div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-3-zielgruppe"><strong>3. Behalte deine Zielgruppe im Blick</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">&#8222;Willkommen auf meiner Website. Ich habe diese und jene Aus- und Weiterbildungen und biete das an.&#8220;</p>



<p class="wp-block-paragraph">So etwas lese ich online ganz oft.</p>



<p class="wp-block-paragraph"><strong>Viele Selbstständige vergessen, dass es in den Texten für ihre Webseiten nicht darum geht, sich selbst in den Mittelpunkt zu stellen.</strong></p>



<p class="wp-block-paragraph">Sondern die potenziellen Kund*innen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Natürlich hast du ganz wunderbare Eigenschaften und sehr viel Expertise.</p>



<p class="wp-block-paragraph">Aber auf deiner Seite geht es in erster Linie nicht um dich, sondern darum, was du für deine Zielgruppe tun kannst.</p>



<p class="wp-block-paragraph"><strong>Warum dir deine Besucher*innen vertrauen sollten.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Was heißt das nun für dich?</strong></p>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Versetze dich in deren Situation und schreib empathisch.</li>



<li>Sprich die Bedürfnisse und Herausforderungen deiner Zielgruppe an.</li>



<li>Richte dich direkt an deine Besucher*innen und wähle Du-Formulierungen.</li>



<li>Liste auf deiner &#8222;Über mich&#8220;-Seite nicht nur deine Qualifikationen auf, sondern erkläre, was deine Zielgruppe davon hat. Sprich: Wie kannst du mit all deinen Gaben und deinem Können das Leben deiner potenziellen Kund*innen verbessern?</li>
</ul>



<div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-4-nutzen"><strong>4. Schildere den Nutzen deines Angebots</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Du bist nicht nur Naturfotografin.</p>



<p class="wp-block-paragraph">Dank dir können andere eine tiefere Verbindung zur Natur herstellen.</p>



<p class="wp-block-paragraph">Sie können die Schönheit der Natur (wieder) schätzen lernen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Warum solltest du das auf deiner Website sagen?</strong></p>



<p class="wp-block-paragraph">Weil du so das Interesse deiner Besucher*innen weckst.</p>



<p class="wp-block-paragraph">Weil du sie so davon überzeugst, dass deine Dienstleistung oder dein Produkt genau richtig für sie ist.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>5 Fragen, um den Nutzen deines Angebots herauszuschälen</strong></h4>



<p class="wp-block-paragraph">Du hast dich mit deiner Zielgruppe beschäftigt.</p>



<p class="wp-block-paragraph">Du weißt, für wen dein Angebot ist.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Überlege nun:</strong></p>



<ol start="1" style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Was bereitet deinen potenziellen Kund*innen schlaflose Nächte? Worüber machen sie sich Sorgen?</li>



<li>Was können andere dank deiner Arbeit erreichen?</li>



<li>Was sind die Vorteile deines Angebots, deiner Lösung?</li>



<li>Welchen zusätzlichen Mehrwert bietet dein Angebot?</li>



<li>Wie würde sich das Leben deiner Zielgruppe während oder nach eurer Zusammenarbeit emotional verändern?</li>
</ol>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Eine Yoga-Lehrerin bietet zum Beispiel nicht nur Kurse an, damit die Fitness der Teilnehmer besser wird.</p>



<p class="wp-block-paragraph">Sie ermöglicht es ihnen auch, geistige Balance zu finden.</p>



<p class="wp-block-paragraph">Sie schafft einen Raum für Achtsamkeit.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Und das heißt:</p>



<p class="wp-block-paragraph"><strong>Wer Yoga übt, respektiert sich selbst und seinen Körper.</strong></p>



<p class="wp-block-paragraph">Er wird mitfühlender und findet endlich die innere Ruhe, nach der er sich lange gesehnt hat.</p>



<div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-5-erfolgsgeschichten"><strong>5. Veröffentliche Erfolgsgeschichten</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Ein Kleid aus recycelten Plastikflaschen.</p>



<p class="wp-block-paragraph">Das hatte Emma Watson 2016 auf einer Benefizveranstaltung an.</p>



<p class="wp-block-paragraph">Die Schauspielerin achtet darauf, dass ihre Kleidung – auch die, die sie in ihren Filmen trägt – nachhaltig produziert wurde.</p>



<p class="wp-block-paragraph">Und schafft damit ein Bewusstsein für Nachhaltigkeit.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Was möchte ich dir damit sagen?</p>



<p class="wp-block-paragraph"><strong>Wir Menschen neigen dazu, uns am Verhalten und an den Meinungen anderer zu orientieren.</strong></p>



<p class="wp-block-paragraph">Wenn wir hören, wie eine Person, die wir schätzen, von einem bestimmten Produkt schwärmt, sind wir eher geneigt, es ebenfalls zu kaufen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Für die Texte auf deiner Webseite heißt das:</strong></p>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Erwähne, wie du anderen Menschen geholfen hast.</li>



<li>Erzähle Geschichten zufriedener Kund*innen.</li>



<li>Erfolgsgeschichten zeigen, dass deine Methode funktioniert.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Das schafft Vertrauen.</strong></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-6-keywords"><strong>6. Verwende die richtigen Keywords</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Sie hilft Mamas, im Alltag entspannter zu sein.</p>



<p class="wp-block-paragraph">Ihre wunderschöne Startseite ist zugeschnitten auf ihre Zielgruppe.</p>



<p class="wp-block-paragraph">Aber nicht optimiert für Google.</p>



<p class="wp-block-paragraph">Und wird online nicht gefunden.</p>



<p class="wp-block-paragraph"><strong>Damit dir das nicht passiert, solltest du dich um SEO kümmern.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Heißt:</strong></p>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li>Verwende relevante Keywords in den Texten für deine Webseiten. Lass sie natürlich einfließen; der Text sollte sich immer noch natürlich und flüssig lesen.</li>



<li>Optimiere den SEO-Titel und die Meta-Beschreibung – auch darin sollte dein Hauptkeyword stecken.</li>



<li>Verbessere, wenn nötig, die <a href="https://anitaschwarz.com/website-schneller-machen/" target="_blank" rel="noreferrer noopener">Ladezeit deiner Website</a>.</li>



<li><a href="https://anitaschwarz.com/website-checkliste-2024/" target="_blank" rel="noreferrer noopener">Halte deine Seite aktuell</a>.</li>



<li>Schreib regelmäßig suchmaschinenoptimierte Blogbeiträge zu Themen, die deine Zielgruppe interessieren.</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Möchtest du mehr zu diesem Thema wissen?</strong></p>



<p class="wp-block-paragraph">Dann hol dir mein kostenloses E-Book &#8222;<a href="https://www.richtiggutetexte.de/fuer-0-euro/" target="_blank" rel="noreferrer noopener">5 Schritte, um die richtigen Keywords zu finden</a>&#8222;.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="tipp-1-call-to-action"><strong>7. Sag Besucher*innen, was sie tun sollen</strong></h3>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">&#8222;Los! Schneller&#8220;</p>



<p class="wp-block-paragraph">Die Frauen im Spinning-Kurs strampeln und schwitzen.</p>



<p class="wp-block-paragraph">Aber als die Trainerin sie anfeuert, noch schneller zu treten, geben alle noch mehr Gas.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn es um Texte für Webseiten geht, musst du wie in diesem Beispiel die Führung übernehmen.</p>



<p class="wp-block-paragraph"><strong>Du solltest deinen Besucher*innen sagen, was sie tun sollen.</strong></p>



<p class="wp-block-paragraph">Deinen Newsletter abonnieren.</p>



<p class="wp-block-paragraph">Dich kontaktieren.</p>



<p class="wp-block-paragraph">Wenn du klar sagst, was du möchtest, gibt es zumindest die Wahrscheinlichkeit, dass deine Besucher*innen deinem Aufruf folgen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Wenn du auf einen Call-to-Action (CTA) verzichtest, überlässt du Interessent*innen sich selbst.</strong></p>



<p class="wp-block-paragraph">Sie fühlen sich verloren – und klicken im Browser-Fenster auf das X.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Natürlich werden nicht alle Besucher*innen deinem Aufruf folgen.</p>



<p class="wp-block-paragraph">Aber zumindest haben sie die Wahl.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Denk daran, dass ein guter CTA kurz und prägnant sein sollte.</strong></p>



<p class="wp-block-paragraph">Er sollte Besucher*innen direkt ansprechen und gut sichtbar sein.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Etwa so:</p>



<figure class="wp-block-image size-full"><a href="https://anitaschwarz.com/website-checkliste/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1200" height="451" src="https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-CTA.jpg" alt="" class="wp-image-11484" srcset="https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-CTA.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-CTA-300x113.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-CTA-1024x385.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Texte-fuer-Webseiten-CTA-768x289.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="fazit">Texte für Webseiten: Fazit</h2>



<p class="wp-block-paragraph">Mit diesen 7 Tipps hast du einen Fahrplan, um gute Texte für deine Webseiten zu schreiben.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"><strong>Was noch wichtig ist:</strong></p>



<ul style="background-color:#e9eff3" class="wp-block-list has-background">
<li><strong>Achte auf eine übersichtliche Darstellung:<br></strong>Lockere den Text durch Zwischenüberschriften und (passende) Bilder auf.</li>



<li><strong>Schreib so, wie du sprichst.<br></strong>Das macht deinen Text natürlich und dich sympathisch für die richtigen Menschen.</li>



<li><strong>Bearbeite deine Texte und lies sie mehrmals, bevor du sie veröffentlichst.<br></strong>Du kannst auch Freunde oder Verwandte darum bitten.</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Wenn du deine Zielgruppe im Blick behältst, …</p>



<p class="wp-block-paragraph">Wenn du klar, auf den Punkt und einfühlsam schreibst, …</p>



<p class="wp-block-paragraph">Hinterlässt du einen bleibenden Eindruck.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Ich wünsche dir viel Spaß beim Schreiben!</p>



<p class="wp-block-paragraph">Alles Liebe<br>Katharina</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex" style="background-color:#d3e0e84d">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>Über Katharina</strong><br>Katharina ist Texterin und Lektorin. Sie mag gute Geschichten – auch in Blogbeiträgen und Texten für Webseiten.</p>



<p class="wp-block-paragraph"><strong>Website</strong>: <a href="https://www.katharinapavlustyk.de/" target="_blank" rel="noreferrer noopener">katharinapavlustyk.de</a></p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full is-style-default"><img loading="lazy" decoding="async" width="500" height="500" src="https://anitaschwarz.com/wp-content/uploads/Katharina-Richtig-gute-Texte.jpg" alt="" class="wp-image-11461" srcset="https://anitaschwarz.com/wp-content/uploads/Katharina-Richtig-gute-Texte.jpg 500w, https://anitaschwarz.com/wp-content/uploads/Katharina-Richtig-gute-Texte-300x300.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Katharina-Richtig-gute-Texte-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/texte-fur-webseiten/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
