<?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>conminds</title>
	<atom:link href="https://www.conminds.de/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.conminds.de</link>
	<description>Wir beraten Sie bei der digitale Transformation, Generativen KI, SEO und IP Management</description>
	<lastBuildDate>Fri, 02 Jun 2023 16:16:45 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>

<image>
	<url>https://www.conminds.de/wp-content/uploads/2023/03/cropped-conminds-website-icon-32x32.webp</url>
	<title>conminds</title>
	<link>https://www.conminds.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Barrierefreiheit / Barrierefreies Internet</title>
		<link>https://www.conminds.de/barrierefreiheit-barrierefreies-internet/</link>
					<comments>https://www.conminds.de/barrierefreiheit-barrierefreies-internet/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Tue, 16 May 2023 08:07:35 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=3385</guid>

					<description><![CDATA[Nicht nur im realen Leben wird versucht Menschen mit Behinderung eine möglichst barrierefreie Welt zu ermöglichen. Auch in der digitalen Welt rückt die Barrierefreiheit immer mehr in den Fokus. Insbesondere im Internet ist das Bestreben eines barrierefreien Internets aktueller denn je. So wird insbesondere versucht, Webseiten und Apps so zu gestalten, dass jeder Mensch, mit ... <a title="Barrierefreiheit / Barrierefreies Internet" class="read-more" href="https://www.conminds.de/barrierefreiheit-barrierefreies-internet/" aria-label="Mehr Informationen über Barrierefreiheit / Barrierefreies Internet">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Nicht nur im realen Leben wird versucht Menschen mit Behinderung eine möglichst barrierefreie Welt zu ermöglichen. Auch in der digitalen Welt rückt die Barrierefreiheit immer mehr in den Fokus. Insbesondere im Internet ist das Bestreben eines <strong>barrierefreien Internets</strong> aktueller denn je. So wird insbesondere versucht, Webseiten und Apps so zu gestalten, dass jeder Mensch, mit oder ohne Behinderung, sie ohne Probleme lesen und nutzen kann.</p>





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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="was-ist-barrierefreiheit">Was ist Barrierefreiheit?</h2>



<p>Die Barrierefreiheit im Internet wird auch oft <strong>digitale Barrierefreiheit</strong> genannt. Diese beschreibt den Zustand, wie leicht eine Website für Menschen mit einer Behinderung oder sonstigen körperlichen und/oder geistigen Einschränkung nutzbar ist.</p>



<p>Dabei sind insbesondere die folgenden Punkte für ein Nutzung relevant:</p>



<ul class="wp-block-list">
<li>Wahrnehmung der Inhalte (Schrift, Bild, Ton)</li>



<li>Navigation zwischen den einzelnen Inhalten</li>



<li>Verarbeitung der Informationen</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="unterschiede-zwischen-barrierefreiheit-und-benutzerfreundlichkeit">Unterschiede zwischen Barrierefreiheit und Benutzerfreundlichkeit</h2>



<p>Die Barrierefreiheit und die Benutzerfreundlichkeit beschreiben zwei unterschiedliche Dinge.</p>



<p><strong>Barrierefreiheit</strong> zielt hauptsächlich auf Menschen mit körperlichen oder geistigen Einschränkungen ab. Dadurch soll diesen Menschen der gleichberechtigte Zugang zu Angeboten im Internet ermöglicht werden. Die Barrierefreiheit ist zudem für die sog. „öffentlichen Stellen“ ein Muss, für privatrechtliche Websites nur eine optionale Sache.</p>



<p><strong>Benutzerfreundlichkeit</strong> zielt dagegen auf alle Menschen ab, unabhängig von einer Behinderung. Darunter versteht man, dass ein Webangebot einfach und intuitiv bedienbar ist. Unter die Benutzerfreundlichkeit fallen daher auch Kriterien wie die Ladegeschwindigkeit einer Website, die für die Barrierefreiheit keine Rolle spielt. Benutzerfreundlichkeit ist zudem kein Zustand der gesetzlich für irgendjemanden vorgeschrieben ist, sondern reines „nice to have“.</p>



<p>Jedoch gibt es auch Überschneidungen beider Themen. So ist z.B. eine konsistente und einfache Navigation sowohl erforderlich für die Barrierefreiheit als auch für eine Benutzerfreundlichkeit.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="arten-der-menschlichen-behinderung">Arten der menschlichen Behinderung</h2>



<p>Die Arten der menschlichen Behinderungen betreffen vornehmlich die <strong>Fähigkeiten und Sinne</strong>, die für eine Nutzung von digitalen Angeboten erforderlich sein können:</p>



<ul class="wp-block-list">
<li>Bewegungseinschränkungen bis hin zur Bewegungsunfähigkeit</li>



<li>Hörbehinderung bis hin zur Gehörlosigkeit</li>



<li>Sehbehinderung bis hin zur Blindheit</li>



<li>Farbsehschwäche bis hin zur Farbenblindheit</li>



<li>Sprachbehinderung</li>



<li>Lernschwierigkeiten</li>
</ul>



<p>Allein in Deutschland gab es zum Jahresende 2021 rund <strong>7,8 Millionen schwerbehinderte Menschen</strong> (Quelle: <a href="https://www.destatis.de/DE/Themen/Gesellschaft-Umwelt/Gesundheit/Behinderte-Menschen/Tabellen/geschlecht-behinderung.html" data-type="URL" data-id="https://www.destatis.de/DE/Themen/Gesellschaft-Umwelt/Gesundheit/Behinderte-Menschen/Tabellen/geschlecht-behinderung.html" target="_blank" rel="noreferrer noopener">Statistisches Bundesamt</a>).</p>



<p>Diesem großen Anteil an Menschen, ist die Nutzung digitaler Angebote des Internets oder Apps größtenteils nur unter der Verwendung zusätzlicher Hilfsmittel möglich.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="unterstutzungstechnologien-assistive-technologien">Unterstützungstechnologien / Assistive Technologien</h2>



<p>Damit behinderte Menschen die Angebote des Internets und andere digitale Angebote überhaupt nutzen können, bedarf es oft sog. assistiver Technologien / Unterstützungstechnologien. Diese haben das Ziel, die geminderten Fähigkeiten der betroffenen Menschen durch eine Verstärkung oder Umwandlung der Kommunikations-Signale (Eingabe und Ausgabe) auszugleichen, damit eine „normale“ Nutzung der Angebote ermöglicht wird.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="800" height="533" src="https://www.conminds.de/wp-content/uploads/2023/03/Eingabe-und-Ausgabegeraet-fuer-Blindenschrift.webp" alt="Eingabe- und Ausgabegerät für Blindenschrift" class="wp-image-3658" title="Barrierefreiheit / Barrierefreies Internet 1" srcset="https://www.conminds.de/wp-content/uploads/2023/03/Eingabe-und-Ausgabegeraet-fuer-Blindenschrift.webp 800w, https://www.conminds.de/wp-content/uploads/2023/03/Eingabe-und-Ausgabegeraet-fuer-Blindenschrift-300x200.webp 300w, https://www.conminds.de/wp-content/uploads/2023/03/Eingabe-und-Ausgabegeraet-fuer-Blindenschrift-768x512.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Laptop mit Eingabe- und Ausgabegerät für Blindenschrift (Computer-Braille)</figcaption></figure></div>


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



<p>Dazu zählen unter anderem folgende Technologien:</p>



<ul class="wp-block-list">
<li>Bildschirmvergrößerung</li>



<li>Sprachausgabe durch Screenreader / Vorlesesoftware</li>



<li>Brailledisplay / Braillezeile</li>



<li>Schreibunterstützung</li>



<li>Bildschirmtastatur</li>



<li>OCR-Texterkennung</li>



<li>Spracheingabe</li>



<li>Augen- oder Kopfsteuerungsteuerung</li>
</ul>



<p>Diese Technologien bedürfen aber bestimmter Voraussetzungen eines digitalen Angebots, damit sie einwandfrei funktionieren können. Durch ein barrierefreies Internet wird diesen Voraussetzungen Rechnung getragen. Zudem ist das Ziel durch die digitale Barrierefreiheit alle digitalen Angebote grundsätzlich so zu gestalten, dass sie generell einfacher zu nutzen sind.</p>



<p>Schon kleine Optimierungen an einer Website, wie größere Schriftgrößen, höherer Kontrast und einfach gehaltene, kurze Sätze können dabei schon einen großen Unterschied machen.</p>



<p>Damit die digitale Barrierefreiheit in standardisierten Wegen abläuft stellen Organisationen, aber auch die Gesetzgebung, Regelungen dafür auf.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="was-sind-die-vorteile-barrierefreier-website">Was sind die Vorteile barrierefreier Websites?</h2>



<p>Wenn eine Website barrierefrei umgesetzt wird, so hat dies auch immer ein Effekt auf die Benutzerfreundlichkeit einer Website. Denn das, was für Menschen mit eingeschränkten Fähigkeiten eine verbesserte Wahrnehmung oder erleichterte Bedienung ermöglicht, bietet auch Menschen ohne Beeinträchtigungen viele Erleichterungen.</p>



<p>So wird die Lesbarkeit durch eine größere Schriftgröße für alle Menschen verbessert. Kommt dazu noch ein hoher Kontrast zwischen Schrift und Hintergrund, sind diese Texte auch bei ungünstigen oder schlechten Lichtverhältnissen besser wahrnehmbar.</p>



<p>Auch eine leichte Lesbarkeit des Inhalts durch kurze Sätze und viel Absätze erleichtert die Lesbarkeit eines Textes und fördert daneben auch ein leichteres Verständnis des behandelten Inhalts/Themas. Dies hilft insbesondere Nicht-Muttersprachlern und Menschen mit einer Konzentrationsschwäche zum Verständnis des Textinhalts enorm.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="regelwerke-zur-barrierefreiheit">Regelwerke zur Barrierefreiheit</h2>



<p>Damit die Barrierefreiheit im Internet auch strukturiert umgesetzt wird, gibt es einige Regelwerke. Manche Regelwerke sind für sog. „öffentliche Stellen“ verpflichtend. Für alle anderen sind sie ein guter Leitfaden, wie man ein digitales Angebot barrierefrei gestalten kann.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="web-accessibility-initiative-wai">Web Accessibility Initiative (WAI)</h3>



<p>Das <a href="https://www.w3.org/" data-type="URL" data-id="https://www.w3.org/" target="_blank" rel="noreferrer noopener">World Wide Web Consortium</a> (kurz <strong>W3C</strong>), die Standardisierungsorganisation des Internets, betreibt seit 1999 die <a href="https://www.w3.org/WAI/" data-type="URL" data-id="https://www.w3.org/WAI/" target="_blank" rel="noreferrer noopener">Web Accessibility Initiative</a> (kurz <strong>WAI</strong>).</p>



<p>Von der WAI werden Richtlinien erarbeitet, insbesondere die <strong>Web Content Accessibility Guidelines</strong> (WCAG):</p>



<ul class="wp-block-list">
<li>Ursprüngliche Fassung 1.0 von Mai 1999: <a href="https://www.w3.org/TR/WCAG10/" data-type="URL" data-id="https://www.w3.org/TR/WCAG10/" target="_blank" rel="noreferrer noopener">Web Content Accessibility Guidelines 1.0</a></li>



<li>Aktuelle Fassung 2.1 von Juni 2018: <a href="https://www.w3.org/TR/WCAG21/" data-type="URL" data-id="https://www.w3.org/TR/WCAG21/" target="_blank" rel="noreferrer noopener">Web Content Accessibility Guidelines 2.1</a></li>
</ul>



<p>Danach muss eine Webseite folgende <strong>4 Kriterien erfüllen</strong>:</p>



<ul class="wp-block-list">
<li><strong>Wahrnehmbar</strong> (<strong>perceivable</strong>): Informationen und Komponenten der Benutzerschnittstelle müssen den Benutzern so präsentiert werden, dass sie sie wahrnehmen können.</li>



<li><strong>Bedienbar</strong> (<strong>operable</strong>): Komponenten der Benutzeroberfläche und Navigation müssen bedienbar sein.</li>



<li><strong>Verständlich</strong> (<strong>understandable</strong>): Informationen und die Bedienung der Benutzeroberfläche müssen verständlich sein.</li>



<li><strong>Robust</strong> (robust): Inhalte müssen robust genug sein, dass sie von einer Vielzahl von Benutzeragenten, einschließlich unterstützender Technologien, interpretiert werden können.</li>
</ul>



<p>Wie die einzelnen Punkte umgesetzt werden sollten, kann unter den einzelnen Punkten der Richtlinie nachgelesen werden.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="eu-richtlinie-2016-2102">EU-Richtlinie 2016/2102</h3>



<p>Aber nicht nur die W3C nimmt sich diesem Thema an, sondern mittlerweile auch die Europäische Union. So wurde Jahre 2016 eine eigene Richtlinie erlassen:</p>



<p>„<a href="https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=CELEX%3A32016L2102" data-type="URL" data-id="https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=CELEX%3A32016L2102" target="_blank" rel="noreferrer noopener">Richtlinie (EU) 2016/2102</a> des Europäischen Parlaments und des Rates vom 26. Oktober 2016 über den barrierefreien Zugang zu den Websites und mobilen Anwendungen öffentlicher Stellen“</p>



<p>Die EU-Richtlinie verpflichtet allerdings nur die sog. „<strong>öffentlichen Stellen</strong>“. Was unter diesen Ausdruck fällt, ist in <strong>Artikel 3 Nr. 1</strong> der Richtlinie definiert:</p>



<p>„öffentliche Stelle“ den Staat, die Gebietskörperschaften, die Einrichtungen des öffentlichen Rechts im Sinne der Definition in Artikel 2 Absatz 1 Nummer 4 der Richtlinie 2014/24/EU oder Verbände, die aus einer oder mehreren solcher Körperschaften oder Einrichtungen des öffentlichen Rechts bestehen, sofern diese Verbände zu dem besonderen Zweck gegründet wurden, im Allgemeininteresse liegende Aufgaben nicht gewerblicher Art zu erfüllen;</p>



<p>Daher sind auch Organisationen, denen vom Staat eine <strong>hoheitliche Aufgabe übertragen wurde</strong>, betroffen. Darunter fallen beispielsweise:</p>



<ul class="wp-block-list">
<li>Zweckverbände</li>



<li>Gesetzliche Krankenkassen und Sozialversicherungen</li>



<li>Schulen und Hochschulen</li>



<li>Öffentliche Nahverkehrsbetriebe</li>



<li>Sparkassen</li>



<li>Industrie- und Handelskammern, Berufsgenossenschaften und Innungen</li>
</ul>



<p>Nach <strong>Artikel 12</strong> dieser Richtlinie müssen alle Mitgliedsstaaten diese Richtlinie ab dem folgenden Datum umsetzen:</p>



<ul class="wp-block-list">
<li>für Websites öffentlicher Stellen: seit dem 23. September 2018</li>



<li>für mobile Anwendungen öffentlicher Stellen: 23. Juni 2021</li>
</ul>



<p>Durch diese Richtlinie müssen alle öffentlichen Stellen ihre digitalen Angebote und Medien barrierefrei gestalten. Damit soll ein gleichberechtigtes gesellschaftliches Leben aller Menschen ermöglicht werden.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="barrierefreie-informationstechnik-verordnung-bitv-2-0">Barrierefreie-Informationstechnik-Verordnung &#8211; BITV 2.0</h3>



<p>Diese EU-Richtlinie wurde in Deutschland durch die Anpassung der „<strong>Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz</strong> (<a href="https://www.gesetze-im-internet.de/bitv_2_0/" data-type="URL" data-id="https://www.gesetze-im-internet.de/bitv_2_0/" target="_blank" rel="noreferrer noopener">Barrierefreie-Informationstechnik-Verordnung &#8211; BITV 2.0</a>)“ national umgesetzt.</p>



<p>Zudem wurden Anpassungen des „<strong>Gesetz zur Gleichstellung von Menschen mit Behinderungen</strong> (<a href="https://www.gesetze-im-internet.de/bgg/" data-type="URL" data-id="https://www.gesetze-im-internet.de/bgg/" target="_blank" rel="noreferrer noopener">Behindertengleichstellungsgesetz &#8211; BGG</a>)“ vorgenommen.</p>



<p>Was alles unter den Begriff „Websites und mobile Anwendungen“ fällt, ist in Artikel 1 Absatz 3 der Richtlinie definiert, respektive unter § 2a der Barrierefreie-Informationstechnik-Verordnung &#8211; BITV 2.0.</p>



<p>Öffentliche Stellen müssen zudem gemäß § 7 Barrierefreie-Informationstechnik-Verordnung &#8211; BITV 2.0 mindestens einmal jährlich eine Erklärung zur Barrierefreiheit abgeben.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="europaischer-standard-en-301-549">Europäischer Standard EN 301 549</h3>



<p>Die Anforderungen der <strong>EU-Richtlinie 2016/2102</strong> wurden zudem vom <strong>Europäisches Institut für Telekommunikationsnormen</strong> (kurz <strong>ETSI</strong>) in einem Europäischen Standard niedergelegt, dem harmonisierten <strong>Europäischen Standard EN 301 549</strong> &#8220; Accessibility requirements for ICT products and services&#8220;. <strong>ICT</strong> steht dabei als Kurzform für „<strong>Information and Communications Technologies</strong>“.</p>



<p>Auf diese Standards wird auch in § 3 der Barrierefreie-Informationstechnik-Verordnung &#8211; BITV 2.0 verwiesen.</p>



<p>Die <a href="https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf" data-type="URL" data-id="https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf" target="_blank" rel="noreferrer noopener">aktuelle Fassung der EN 301 549</a> ist Version: V3.2.1 (Stand: März 2021).</p>



<p>In diesem sind alle funktionalen Grundanforderungen für die digitale Barrierefreiheit beschrieben. Dieser Standard ist daher nicht nur für öffentlichen Stellen eine gute Richtlinie, sondern kann auch für nicht staatliche Stellen als Hilfe für die Umsetzung barrierefreier Webangebote und Apps genutzt werden.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="nichtstaatliche-initiativen">Nichtstaatliche Initiativen</h3>



<p>Aber auch nichtstaatliche Initiativen versuchen das Thema digitale Barrierefreiheit zu fördern. Insbesondere für die <strong>Bereiche außerhalb der öffentlichen Stellen</strong>, die bereits durch die EU-Richtlinie 2016/2102 die Barrierefreiheit herstellen müssen.</p>



<p>Das sind insbesondere die <a href="https://www.digitale-chancen.de/" data-type="URL" data-id="https://www.digitale-chancen.de/" target="_blank" rel="noreferrer noopener">Stiftung „Digitale Chancen“</a> und die <a href="https://www.stiftung-barrierefrei-kommunizieren.de/" data-type="URL" data-id="https://www.stiftung-barrierefrei-kommunizieren.de/" target="_blank" rel="noreferrer noopener">Stiftung „Barrierefrei kommunizieren!“</a>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="barrierefreiheit-und-die-auswirkungen-auf-das-seo">Barrierefreiheit und die Auswirkungen auf das SEO</h2>



<p>Jetzt stellt sich die Frage, wie sich eine barrierefreie Website auf das SEO einer Website auswirkt.</p>



<p>Die Barrierefreiheit einer Website ist <strong>(noch) kein direkter Rankingfaktor</strong>. Aber die Faktoren führen zu einer <strong>besseren User Experience</strong>.</p>



<p>Und kurze Sätze statt langer verschachtelter Sätze, helfen nicht nur dem Leser einer Webseite, sondern auch den Bots / Crawler der Suchmaschinen, die Inhalte einer Webseite zu erkennen und zu verstehen.</p>



<p>Somit helfen die meisten der Maßnahmen für barrierefreie Webseiten auch dem SEO einer Website. Die Maßnahmen, die keinen oder keinen nennenswerten Einfluss auf das SEO haben, schaden dem SEO aber auch nicht.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="wie-macht-man-eine-website-barrierefrei">Wie macht man eine Website barrierefrei?</h2>



<p>Man kann jede Website bereits durch ein paar grundlegende Modifikationen einen Schritt näher zur Barrierefreiheit bringen. Dazu müssen Sie nur den folgenden <strong>10-Punkte-Plan</strong> umsetzen:</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="1-schriftgrossen-16-pixel-verwenden">1. Schriftgrößen &gt; 16 Pixel verwenden</h3>



<p>Eine Mindest-Schriftgröße wird in dem Standard EN 301 549 nicht genannt, nur dass Text ohne Hilfsmittel auf eine Größe von 200 % ohne Inhalts- oder Funktionsverluste vergrößert werden kann.</p>



<p>Jedoch empfehlen wir, dass jede genutzte Schriftart <strong>größer als 16 Pixel</strong> sein sollte. Auch in der mobilen Version der Website. Dies hilft Menschen mit eingeschränktem Sehvermögen bereits, die Inhalte der Website ohne Hilfsmittel (z.B. Lupe oder Brille) wahrzunehmen.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="2-eine-einfache-sprache-nutzen">2. Eine „einfache“ Sprache nutzen</h3>



<p>Menschen mit verringerten kognitiven (geistigen) Fähigkeiten haben Probleme in der Wahrnehmung und/oder Verarbeitung von Inhalten.</p>



<p>Ein <strong>einfacher Sprachgebrauch</strong> mit möglichst gängigen Worten und <strong>keinen Fachbegriffen</strong> (ansonsten Fachbegriffe erklären) hilft diesen Menschen bereits.</p>



<p>Bei Formularen sollte zudem Unterstützung in Form von <strong>Beschriftungen</strong> und Hilfe bei Fehlern angeboten werden.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="3-kurze-satze-und-viele-absatze-verwenden">3. Kurze Sätze und viele Absätze verwenden</h3>



<p>Ein langer Text verlangt von manchen Menschen schon eine erhöhte Konzentration. Menschen mit reduziertem Konzentrationsvermögen werden von langen, absatzlosen Fließtexten abgeschreckt. Aber auch Menschen mit durchschnittlichen geistigen Fähigkeiten haben aufgrund der heutigen stressigen Zeit eher eine <strong>kürzere Aufmerksamkeitsspanne</strong>. Dieser Umstand sollte daher auch bei einer Website Rechnung getragen werden.</p>



<p>Die Nutzung kurzer Sätze in einfacher Sprache führt zu einer schnelleren Wahrnehmung und Verarbeitung gehandicapter Menschen als lange verschachtelte Sätze. Sind diese Sätze auch noch in kurzen Absätzen zusammengefasst, so erleichtert dies die Wahrnehmung des Textes enorm. Auch Screenreader können einfache Texte fehlerfreier wiedergeben.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="4-ausreichend-abstand-zwischen-textzeilen-halten">4. Ausreichend Abstand zwischen Textzeilen halten</h3>



<p>Der Abstand zwischen den Zeilen eines Textes sollte <strong>mindestens 1,5 Zeilen</strong> betragen. Die Abstände zwischen den Absätzen sollte mindestens 1,5-mal größer als der Zeilenabstand sein, somit mindestens 2,25 Zeilen.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="5-textbreite-maximal-80-zeichen">5. Textbreite maximal 80 Zeichen</h3>



<p>Die Textbreite sollte <strong>nicht mehr als 80 Zeichen breit</strong> sein. Menschen mit Lese- oder Sehbehinderung haben Probleme mit langen Textzeilen. Es fällt ihnen dann schwer dem gesamten Textfluss zu folgen. Schmale Textblöcke verhindern dies.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="6-text-nicht-rechts-und-linksbundig-ausrichten">6. Text nicht rechts- und linksbündig ausrichten</h3>



<p>Ein Text sollte <strong>nicht gleichzeitig rechts- und linksbündig</strong> ausgerichtet werden. Bei dieser Art der Formatierung entstehen ungleichmäßigen Abstände zwischen den einzelnen Wörtern. Menschen mit kognitiver Behinderung haben Probleme solche Texte zu lesen. Denn die Masse aus weißen Feldern innerhalb eines Textblocks erschwert das Lesen, was bis zur Unlesbarkeit gehen kann.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="7-hohes-kontrastverhaltnis-nutzen">7. Hohes Kontrastverhältnis nutzen</h3>



<p>Die Website sollte ein Kontrastverhältnis vom <strong>Text zum Hintergrund</strong> von <strong>mindestens 4,5:1</strong> haben. <strong>Große Schriftgrößen</strong> (z.B. von großen Überschriften) sollten ein Kontrastverhältnis von <strong>mindestens 3:1</strong> haben.</p>



<p><strong>Bedienelemente</strong> und grafische Objekte, die zum Verständnis des Inhalts erforderlich sind, sollten mindestens ein Kontrastverhältnis von 3:1 zum Hintergrund haben.</p>



<p>Zudem sollten Farbkombinationen vermieden werden, die Menschen mit einer Rot-Grün-Farbsehschwäche nicht gut unterschieden werden können.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="8-bilder-mit-alt-tags-und-videos-mit-untertitel-verwenden">8. Bilder mit ALT-Tags und Videos mit Untertitel verwenden</h3>



<p>Die Elemente der Website, die nicht aus Text bestehen, insbesondere Bilder, sollten mit einem Alternativ-Text versehen werden. Diese sog. <strong>ALT-Tags</strong> kann man im Backend des Content-Management-Systems, z.B. WordPress, eingeben.</p>



<p>Das ALT-Tag besteht aus einer <strong>textlichen Beschreibung des Inhalts eines Bildes</strong>. Screenreader lesen sehbehinderten Menschen diesen ALT-Text vor, damit sie den Inhalt des Bildes verstehen.</p>



<p>Und auch <strong>Videos sollten mit einem Untertitel versehen werden</strong>, damit der Inhalt auch gelesen werden kann.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="9-einfache-navigation">9. Einfache Navigation</h3>



<p>Damit eine einfache Navigation möglich ist, sollte die Navigation innerhalb einer Website <strong>konsistent</strong>, in der gleichen Reihenfolge sein.</p>



<p>Auch sollte jede einzelne Webseite einen <strong>eindeutigen Titel</strong> haben, der den Inhalt oder Zweck der Webseite beschreibt. Daneben sollten <strong>sinnvolle Abschnitte</strong> gebildet und diese mit eigenen Überschriften versehen werden.</p>



<p>Links sollten nicht nur <strong>farblich hervorgehoben</strong> werden, sondern auch durch einen <strong>Unterstrich</strong> oder ähnliche Markierungen. Zudem sollten auch die <strong>Ankertexte</strong> von Links eindeutig den Inhalt des Linkziels beschreiben.</p>



<p>Daneben sollten <strong>anklickbare Ziele</strong> mindestens <strong>44 x 44 Pixel</strong> groß sein.</p>



<p>Zudem sollte möglichst die komplette Website <strong>per Tastatur zu navigieren</strong> sein und die Inhalte über das Navigationsmenü und über eine Suchfunktion zu erreichen sein.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color" id="10-keine-schnell-blinkenden-elemente-oder-animationen-nutzen">10. Keine schnell blinkenden Elemente oder Animationen nutzen</h3>



<p>Schnell blinkende Elemente können bei <strong>Menschen mit lichtempfindlicher Epilepsie</strong> Anfälle (<strong>Fotokrampfanfall</strong>) oder <strong>Kopfschmerzen</strong> auslösen. Aber auch von Menschen ohne eine solche Beeinträchtigung wird dies als störend bis unangenehm empfunden. Die Verwendung solcher aufmerksamkeitserregenden Elemente ist daher unbedingt zu vermeiden.</p>



<p>Daneben gibt es noch eine Vielzahl von weiteren Möglichkeiten, eine Website barrierefrei zu machen. Diese erfordern aber weitergehende Eingriffe in die Website und sollten daher besser von einem Fachmann umgesetzt werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color" id="fazit-zur-barrierefreiheit">Fazit zur Barrierefreiheit</h2>



<p>Barrierefreiheit im Internet sorgt dafür, dass allen Menschen der Zugang zu Informationen und Unterhaltung gewährt wird. <strong>Barrierefreiheit schließt keinen Menschen mehr aus!</strong> Dieser Zustand sollte Normalität sein! Allein aus diesem ethischen Prinzip sollte jede Website barrierefrei sein oder schnellstmöglich werden.</p>



<p>Aber Barrierefreiheit von Websites und Apps bietet auch <strong>Vorteile für alle Parteien</strong>: für die Seitenbesucher (egal ob sie eine Behinderung haben oder nicht), für den Seitenbetreiber und auch für die Suchmaschinen.</p>



<p>Denn durch die Barrierefreiheit wird der <strong>potenzielle Nutzerkreis eines Webauftritts erweitert</strong>, somit die <strong>Reichweite erhöht</strong>. Und mehr Reichweite sollte grundsätzlich auch zu <strong>mehr Traffic</strong> führen und dies wiederum zu einer höheren Conversion Rate. Dies erfreut auch den Seitenbetreiber. Und auch Suchmaschinen können einen leicht lesbaren Text mit klarer Struktur und beschreibenden Elementen (Absatz-Überschriften, ALT-Tags von Bildern, Ankertexte, etc.) <strong>besser indexieren</strong>.</p>



<p>Das zeigt, auch wenn die Barrierefreiheit kein direkter Rankingfaktor ist, lohnt es sich dennoch sehr, jede Website zu einer barrierefreien Website umzugestalten. Denn über die indirekten Faktoren wird das SEO der Website beeinflusst und sorgt so auch für ein besseres Ranking.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/barrierefreiheit-barrierefreies-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Meta Tag</title>
		<link>https://www.conminds.de/meta-tag/</link>
					<comments>https://www.conminds.de/meta-tag/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Tue, 11 Apr 2023 19:54:59 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5321</guid>

					<description><![CDATA[Was ist ein Meta Tag? Das Meta Tag gehört zur Gruppe der HTML-Tags und übernimmt dort die Funktion, die Metadaten eines HTML-Dokuments zu definieren. Mit Meta Tags können daher, neben den eigentlichen Inhalten einer Webseite, noch weitere Informationen an Suchmaschinen oder Browser übermittelt werden. Diese Informationen nennt man auch Meta-Informationen oder Meta-Daten. Meta-Daten sind Daten ... <a title="Meta Tag" class="read-more" href="https://www.conminds.de/meta-tag/" aria-label="Mehr Informationen über Meta Tag">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[


<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was ist ein Meta Tag?</h2>



<p>Das Meta Tag gehört zur Gruppe der <a href="https://www.conminds.de/html-tags/" data-type="URL" data-id="https://www.conminds.de/html-tags/"><strong>HTML-Tag</strong>s</a> und übernimmt dort die Funktion, die <strong>Metadaten eines HTML-Dokuments</strong> zu definieren.</p>



<p>Mit Meta Tags können daher, neben den eigentlichen Inhalten einer Webseite, noch weitere Informationen an Suchmaschinen oder Browser übermittelt werden. Diese Informationen nennt man auch <strong>Meta-Informationen</strong> oder Meta-Daten.</p>



<p><strong>Meta-Daten sind Daten über Daten</strong>. Metadaten werden nicht auf der eigentlichen Webseite angezeigt, sie befinden sich sozusagen im Hintergrund der Webseite. Allerdings sind die Metadaten <strong>maschinenlesbar</strong>. Daher werden sie unter anderem auch von den Crawlern der Suchmaschinen und von Webbrowsern gelesen und genutzt.</p>



<p>Diese Informationen <strong>werden dem normalen Seitenbesucher daher nicht unmittelbar angezeigt</strong>, sondern sind reine Informationen für die Suchmaschinen-Bots.</p>



<p>Metadaten befinden sich immer im <strong>&lt;head&gt;-Bereich des jeweiligen HTML-Dokuments</strong>.</p>



<p>Meta-Tags /-Elemente <strong>sind keine Muss</strong>, sondern optional nutzbar!</p>



<p>Alle modernen Browser können mit Meta-Tags und Metadaten umgehen, sind also voll kompatibel.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Unterschied eines Meta-Tags zu einem Meta-Element</h2>



<p>Das <strong>Meta-Tag ist ein Teil des Meta-Elements</strong>.</p>



<p>Das Meta-Tag definiert nur, welche Informationen in dem entsprechenden Meta-Element mitgeteilt werden sollen.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="700" height="220" src="https://www.conminds.de/wp-content/uploads/2023/04/Meta-Tag-vs-Meta-Element.webp" alt="Meta Tag vs Meta Element" class="wp-image-7137" title="Meta Tag 2" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Meta-Tag-vs-Meta-Element.webp 700w, https://www.conminds.de/wp-content/uploads/2023/04/Meta-Tag-vs-Meta-Element-300x94.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption class="wp-element-caption">Meta Tag versus Meta Element</figcaption></figure></div>


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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wofür werden Meta Tags verwendet?</h2>



<p>Mit Meta Tags werden Meta-Elemente eingeleitet, durch die <strong>Informationen an Maschinen (Crawler, Bots, Browser, etc.) übermittelt werden</strong>, die über den textlichen Inhalt einer Webseite hinaus gehen, die sog. <strong>Meta Daten</strong>.</p>



<p>Meta-Tags werden folglich genutzt, um z.B. einem Webbrowser mitzuteilen, wie der Inhalt einer Webseite angezeigt oder geladen werden soll oder um den Crawlern der Suchmaschinen die genutzten Keywords mitzuteilen.</p>



<p>Über Meta-Tags können daher eine Vielzahl von Eigenschaften oder Informationen über ein HTML-Dokument definiert werden, z.B.</p>



<ul class="wp-block-list">
<li>den verwendeten Zeichensatz (UTF-8)</li>



<li>Einstellungen des Sichtbereichs (Viewport)</li>



<li>Autor des Dokuments</li>



<li>Beschreibung des Seiteninhalts</li>



<li>Keywords</li>



<li>etc.</li>
</ul>



<p>Die Meta Informationen sind grundsätzlich nur für die Maschinen gedacht und werden daher nicht direkt auf der Webseite für den Seitenbesucher dargestellt.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Aufbau eines Meta Tags</h2>



<p>Meta Tags müssen immer im &lt;head&gt;-Bereich verwendet werden und folgen dann immer der <strong>gleichen Syntax</strong> durch den folgenden Grundaufbau:</p>



<ol class="wp-block-list">
<li><strong>Start Tag</strong>: &lt;meta</li>



<li><strong>HTML-Attribut</strong>: z.B. name=”….”</li>



<li><strong>KEIN End-Tag</strong>! Nur den Befehl mit einem „&gt;“ schließen.</li>
</ol>



<p>Das Meta Element wird immer durch ein <strong>Start Tag &lt;meta</strong> eingeleitet/aktiviert. Gegenüber anderen HTML-Tags hat das Meta-Tag <strong>allerdings kein &#8222;&gt;&#8220; hinter dem Start-Tag</strong>! </p>



<p>Nach dem Start-Tag &lt;meta folgt dann mindestens ein <strong>Attribut</strong>. Das sieht dann beim Attribut „charset“ folgendermaßen aus:</p>



<pre class="wp-block-code"><code>&lt;meta		          charset="UTF-8"	       &gt;
Start-Tag                    Attribut                        Abschluss, kein End-Tag!</code></pre>



<p>Allerdings darf es gegenüber anderen HTML-Elementen <strong>bei den Meta Tags KEIN End-Tag</strong> im Sinne von <strong>&lt;/meta&gt;</strong> geben. Am Ende wird das ganze Element lediglich durch das vom Start-Tag geöffnete &#8222;&lt;&#8220; wieder durch ein &#8222;&gt;&#8220; geschlossen.</p>


<div class="gb-container gb-container-ae6a991b">
<div class="gb-container gb-container-f6a5d30f">

<p><strong>WICHTIG:</strong><br>Gegenüber anderen HTML-Elementen gibt es bei dem Meta-Element kein End-Tag im Sinne von &lt;/tagname&gt;, sondern es wird lediglich der Abschluss des HTML-Elements durch ein &#8222;&gt;&#8220; beendet, welches nach dem Start-Tag &#8222;&lt;meta&#8220; nicht gesetzt wird.</p>

</div>
</div>


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



<p>Meistens enthält das Meta-Tag <strong>zwei Attribute</strong>:</p>



<ol class="wp-block-list">
<li>die „<strong>Eigenschaft</strong>“</li>



<li>den „<strong>Inhalt</strong>“</li>
</ol>



<p>Eine Eigenschaft kann z.B. das Attribut „name“ sein.</p>



<p>Dies wird gefolgt von dem „content“-Attribut, in dem dann der eigentliche Text eingegeben wird.</p>



<p>Ein Beispiel eines Meta Tags kann dann folgendermaßen aussehen:</p>



<pre class="wp-block-code"><code>&lt;meta <strong>name</strong>=“author“ <strong>content</strong>=“Max Mustermann”&gt;</code></pre>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Attribute und Werte von Meta Tags</h2>



<p>Folgende Attribute und Werte können innerhalb des &lt;meta&gt;-Elements genutzt werden:</p>



<figure class="wp-block-table is-style-regular"><table><thead><tr><th class="has-text-align-left" data-align="left">Attribut</th><th class="has-text-align-left" data-align="left">Werte</th><th>Funktion</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left"><strong>charset</strong></td><td class="has-text-align-left" data-align="left">character_set</td><td>Definiert die Zeichenkodierung, die in dem Webdokument genutzt wird, z.B. „UTF-8“.</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>http-equiv</strong></td><td class="has-text-align-left" data-align="left">text</td><td>Definiert das Verhalten des Servers und Cients. Dabei sind folgende Werte möglich: „content-type“, „default-style“ oder „refresh“. Danach muss das weitere Attribut „content“ folgen.</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>name</strong></td><td class="has-text-align-left" data-align="left">content-security-policy<br>content-type<br>default-style<br>refresh</td><td>Definiert welche Eigenschaft geregelt werden soll. Danach muss das weitere Attribut „content“ folgen.</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>content</strong></td><td class="has-text-align-left" data-align="left">application-name<br>author<br>description<br>generator<br>keywords<br>viewport</td><td>Ist für alle „name“ und „http-eqiv“-Attribute eine Pflichtangabe. Es definiert den Text oder legt den Wert des zugehörigen Attributs fest.</td></tr></tbody></table></figure>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Meta Tags &#8211; Beispiele</h2>



<p>Nachfolgend finden Sie ein paar Meta-Elemente innerhalb eines &lt;head&gt;-Elements:</p>



<pre class="wp-block-code"><code>&lt;head&gt;
     &lt;meta charset="UTF-8"&gt;
     &lt;meta name="description" content="SEO-Tutorial"&gt;
     &lt;meta name="author" content="Max Mustermann"&gt;
     &lt;meta name="keywords" content="Technical SEO"&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;/head&gt;</code></pre>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Meta Tags und die Bedeutung im SEO</h2>



<p>Meta Tags <strong>waren früher ein wichtiger Faktor in der SEO-Strategie</strong>. Denn über die Meta Tags konnten Suchmaschinen die Inhalte der Webseiten noch besser einordnen und das wiederum konnte zu einem besseren Ranking führen.</p>



<p>Einige Webseiten-Optimierer haben die Meta Tags dann aber genutzt, um ihren Webseiten „unrechtmäßige“ Rankingvorteile durch <strong>Manipulationen</strong> zu verschaffen. Dies haben sie erreicht, in dem sie Keywords eingefügt haben, die in dem eigentlichen Text gar nicht vorkamen oder die mit dem eigentlichen Text und dessen Keywords gar nichts zu tun hatten. Damit sollte die Webseite für mehr Keywords ranken und auch den bestehenden Keywords mehr Gewicht geben.</p>



<p>Beispiel eines Keyword Meta Tags:</p>



<pre class="wp-block-code"><code>&lt;meta name=“keywords“ content=“Hier werden alle Keywords, durch ein Komma getrennt voneinander, eingegeben“&gt;</code></pre>



<p>Darauf haben die Suchmaschinen reagiert, indem sie den betreffenden Meta Angaben weniger Gewicht bei der Bewertung der Webseite zugesprochen haben. Das äußert sich dadurch, dass <strong>bestimmte Meta Informationen zwar noch ausgelesen werden, aber keinen Einfluss mehr auf das Ranking haben</strong>. Teilweise werden die Meta Beschreibungen sogar von den Suchmaschinen völlig ignoriert.</p>



<p>Stattdessen <strong>suchen sich die Suchmaschinen heute die Keywords selbst aus dem Text heraus</strong>. Dazu analysieren sie den gesamten Inhalt und legen anschließend die Keywords selbst fest.</p>


<div class="gb-container gb-container-dbc357e0">
<div class="gb-container gb-container-f9f461ab">

<p>ACHTUNG:<br>Eine versuchte Beeinflussung der Suchmaschinen durch manipulative Keywords in den Metadaten hat keine Wirkung mehr und kann im schlechtesten Fall sogar zu einem schlechteren Ranking führen.</p>

</div>
</div>


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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Meta-Tags werden genutzt, um Meta-Informationen in maschinenlesbarer Form an Bots, Crawler, Browser und weitere Maschinen zur Verfügung zu stellen.</p>



<p>Für die Webseiten-Technik sind sie weiterhin relevant. Für die Optimierung von Keywords haben sie heute allerdings keine Bedeutung mehr.</p>



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



<h2 class="wp-block-heading">Weiterführende Informationen:</h2>



<p>Meta-Tag Informationen bei SelfHTML: <a href="https://wiki.selfhtml.org/wiki/HTML/Elemente/meta" target="_blank" rel="noreferrer noopener">https://wiki.selfhtml.org/wiki/HTML/Elemente/meta</a></p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-text-align-center">FAQ &#8211; Häufig gestellte Fragen &amp; Antworten</h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1681241488810" class="rank-math-list-item">
<h3 class="rank-math-question ">Was sind Meta Tags?</h3>
<div class="rank-math-answer ">

<p>Meta Tags gehören zu den HTML-Tags und werden innerhalb eines Hypertextes für die Übermittlung von Meta-Daten an Maschinen wie Crawler und Browser verwendet. Meta Tags sind Teil der Meta-Elemente, welche die Gesamtinformationen beeinhalten.</p>

</div>
</div>
<div id="faq-question-1681241629436" class="rank-math-list-item">
<h3 class="rank-math-question ">Wo finde ich Meta Tags?</h3>
<div class="rank-math-answer ">

<p>Meta Tags sind in dem &lt;head&gt;-Bereich einer Webseite zu finden. Allerdings ist deren Nutzung nicht für die Funktion der Webseite erforderlich, daher müssen sie nicht in jeder Webseite enthalten sein.</p>

</div>
</div>
<div id="faq-question-1681241738591" class="rank-math-list-item">
<h3 class="rank-math-question ">Muss man Meta Tags nutzen?</h3>
<div class="rank-math-answer ">

<p>Nein, die Nutzung von Meta Tags sind für die Funktion der Webseite nicht erforderlich. Man kann sie nutzen, um Browsern oder Crawler bestimmte Informationen zu übergeben, mit deren Hilfe eine bessere Funktion oder mehr Informationen bereitgestellt werden können.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/meta-tag/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Google Local Pack</title>
		<link>https://www.conminds.de/google-local-pack/</link>
					<comments>https://www.conminds.de/google-local-pack/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Mon, 10 Apr 2023 15:44:12 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=3618</guid>

					<description><![CDATA[Betreiben sie ein Gewerbe und haben noch nichts von dem Google Local Pack gehört? Dann wird es aber höchste Zeit. Warum? Mit dem Google Local Pack können sie ihr Unternehmen in der Google Suche extrem gut sichtbar machen! Das Google Local Pack ist ein Teil der Local SEO Strategie. Was ist das Google Local Pack? ... <a title="Google Local Pack" class="read-more" href="https://www.conminds.de/google-local-pack/" aria-label="Mehr Informationen über Google Local Pack">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[
<p>Betreiben sie ein Gewerbe und haben noch nichts von dem Google Local Pack gehört? Dann wird es aber höchste Zeit. Warum? Mit dem Google Local Pack können sie ihr Unternehmen in der Google Suche extrem gut sichtbar machen!</p>



<p>Das Google Local Pack ist ein Teil der Local SEO Strategie.</p>





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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was ist das Google Local Pack?</h2>



<p>Das <strong>Google Local Pack</strong> ist ein <strong>spezielles Anzeige-Format innerhalb der Suchergebnisliste</strong> (Search Engine Result Page, kurz SERP). Das Google Local Pack wird von manchen auch „Snack Pack“ genannt.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="452" height="602" src="https://www.conminds.de/wp-content/uploads/2023/03/Google-Local-Pack-Beispiel.webp" alt="Google Local Pack Beispiel" class="wp-image-3626" title="Google Local Pack 3" srcset="https://www.conminds.de/wp-content/uploads/2023/03/Google-Local-Pack-Beispiel.webp 452w, https://www.conminds.de/wp-content/uploads/2023/03/Google-Local-Pack-Beispiel-225x300.webp 225w" sizes="(max-width: 452px) 100vw, 452px" /><figcaption class="wp-element-caption">Google Local Pack Beispiel</figcaption></figure></div>


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



<p>Üblicherweise werden im Google Local Pack aktuell drei <strong>ortsansässige lokale Unternehmen</strong> angezeigt. Die Anzahl der angezeigten Unternehmen schwankte immer mal, auch zwischen Mobil- und Desktopgeräten. Momentan werden aber bei allen Geräten 3 Unternehmen im Local Pack angezeigt.</p>



<p>Die <strong>Auswahl der angezeigten Unternehmen erfolgt nach dem Google Index</strong>. Wichtig ist dabei unter anderem <strong>viele gute Bewertungen</strong> zu haben, die <strong>Öffnungszeiten</strong> und<strong> alle Produkt-/ Dienstleistungs-/ und Kontaktinformationen</strong> anzugeben. Denn diese Informationen nutzt Google, um die für den Kunden wichtigen Informationen in dem kleinen Übersichtsfenster anzugeben.</p>



<p>Daneben wird zudem noch eine kleiner Google Maps Ausschnitt angezeigt, der die Standorte der jeweiligen Unternehmen in der Straßenkarte anzeigt.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Warum ist das Google Local Pack wichtig?</h2>



<p>Das Google Local Pack kann Unternehmen mit Laufkundschaft sehr <strong>viel Traffic von lokalen Kunden generieren</strong>. Daher profitieren vor allem Gastronomiebetriebe, Einzelhandelsgeschäfte, etc. von diesem Dienst.</p>



<p>Warum?</p>



<p>Durch das Google Local Pack werden lokale Unternehmen auf <strong>Seite 1 der Suchergebnisliste</strong> (SERP) noch vor den bezahlten Anzeigen (Google Ads) und den organischen Suchergebnissen vorgestellt. Eine bessere Position in den Suchergebnislisten von Google können sie für ihr Unternehmen nicht bekommen. Auf einem Mobilgerät ist die Darstellung des Local Packs sogar bildschirmfüllend und erhält damit noch mehr Aufmerksamkeit vom User.</p>



<p>So werden Personen, die im <strong>Umfeld ihres Standorts</strong> nach einem ihrer Produkte oder Dienstleitungen suchen, auf sie hingewiesen. Und das auch noch <strong>kostenlos</strong>!</p>



<p>Aber auch für ihre Kunden hat das Local Pack viele Vorteile. Denn durch das Local Pack erhalten User der Suchmaschine eine schnelle und übersichtliche Informations-Quelle über die <strong>lokalen Angebote</strong>, die sie gerade benötigen. Die User müssen sich so nicht durch viele Websites durchklicken um Adress-Informationen, Öffnungszeiten, Bewertungen, etc. zu finden. Für den User der Suchmaschine bietet das Local Pack daher einen großen <strong>Komfortgewinn</strong> und viel <strong>Zeitersparnis</strong>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie funktioniert Google Local Pack?</h2>



<p>Immer wenn Google hinter einer Suchanfrage eine <strong>lokale Suchintention</strong> vermutet, wird die Darstellung der Suchergebnisliste an diese Art der Suchintention angepasst.</p>



<p>Dies geschieht vor allem durch die <strong>Anzeige des Google Local Packs in der Suchergebnisliste (SERP)</strong>.</p>



<p>Doch für die Anzeige von lokalen Angeboten werden die <strong>Standort-Informationen</strong> des Suchmaschinen-Nutzers benötigt. Nur durch diese Information können von der Suchmaschine auch lokale Angebote ausgewählt und angezeigt werden.</p>



<p>Der Standort kann von den Suchmaschinen grundsätzlich <strong>auf zwei Wegen ermittelt</strong> werden:</p>



<ul class="wp-block-list">
<li><strong>manuell</strong>, indem der Standort, z.B. der <strong>Stadtname, in die Suche eingegeben werden</strong>. Ein möglicher Such-Term wäre dann „Frisör Köln“.</li>



<li><strong>automatisch</strong>, in dem der aktuelle Standort des Users mit Hilfe von <strong>Geotargeting-Methoden</strong> (z.B. IP-Adresse) ermittelt wird.</li>
</ul>



<p>Geht die Suchmaschine von einer lokalen Suchabsicht aus und hat erfolgreich den Standort ermittelt, wird von der Suchmaschine ausgewählt, welche der drei lokalen Anbieter in dem Local Pack angezeigt werden.</p>



<p>Die <strong>Informationen zu dem jeweiligen Unternehmen</strong>, die im Local Pack angezeigt werden, werden grundsätzlich <strong>aus dem Google My Business Eintrag (Unternehmensprofil)</strong> genommen.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie kommt mein Unternehmen in ein Google Local Pack?</h2>



<p>Um mit einem Unternehmen in einem Google Local Pack zu gelangen, muss man <strong>zuerst einmal einen <a href="https://www.google.com/business/" data-type="URL" data-id="https://www.google.com/business/" target="_blank" rel="noreferrer noopener">Google My Business Account</a> (Unternehmensprofil) anlegen</strong>.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="557" src="https://www.conminds.de/wp-content/uploads/2023/03/Google-MyBusiness-Startseite-1024x557.webp" alt="Google MyBusiness Startseite" class="wp-image-3652" title="Google Local Pack 4" srcset="https://www.conminds.de/wp-content/uploads/2023/03/Google-MyBusiness-Startseite-1024x557.webp 1024w, https://www.conminds.de/wp-content/uploads/2023/03/Google-MyBusiness-Startseite-300x163.webp 300w, https://www.conminds.de/wp-content/uploads/2023/03/Google-MyBusiness-Startseite-768x418.webp 768w, https://www.conminds.de/wp-content/uploads/2023/03/Google-MyBusiness-Startseite.webp 1341w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Google MyBusiness Startseite</figcaption></figure></div>


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



<p>Dies ist zwingend <strong>notwendig, auch wenn sie eine Website für ihr Unternehmen haben</strong>. Dieser Account muss zudem vom Unternehmensinhaber <strong>verifiziert</strong> werden.</p>



<p>Ist das Konto erstellt, muss es ausgefüllt und optimiert werden.</p>



<p>Dabei sollten <strong>vor allem folgende Informationen bereitgestellt werden</strong>:</p>



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



<li><strong>Telefonnummer</strong></li>



<li><strong>Öffnungszeiten</strong></li>



<li><strong>Website-Adresse (URL)</strong></li>



<li><strong>Wegbeschreibung</strong></li>



<li>Informationen zum Unternehmen und den <strong>Produkten &amp; Dienstleistungen</strong></li>



<li><strong>Bewertungen von Kunden</strong></li>



<li><strong>Bezahlmöglichkeiten</strong></li>
</ul>



<p>Neben der Optimierung des Google My Business Accounts sollte <strong>auch die eigentliche Website Local-SEO-optimiert werden</strong>.</p>



<p>Will man sich nicht auf den „Zufall“ der Anzeige in den Local Packs verlassen, so kann man auch über <strong>Google Ads</strong> eine Werbeanzeige schalten. Diese ist dann allerdings kostenpflichtig.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Local Pack versus SEO</h2>



<p>Es stellt sich nun die Frage, ob es für ein lokales Unternehmen genügt, nur den Eintrag in das Google My Business Verzeichnis zu erwirken, um im Local Pack angezeigt zu werden und dann gänzlich auf SEO für die eigene Website zu verzichten?</p>



<p>Das kann definitiv verneint werden. Warum?</p>



<p>Weil es <strong>keine Garantie gibt, dass ihr Unternehmen immer in einem Local Pack angezeigt wird</strong>. Momentan werden in jedem Local Pack nur 3 Unternehmen angezeigt. <strong>Insbesondere wenn der Wettbewerb an ihrem Standort groß ist, kann es mitunter schwer werden</strong> öfters in dem Local Pack zu erscheinen. Das Local Pack sollte daher nur eine Ergänzung ihrer SEO/Online-Strategie sein.</p>



<p>Unterhalb des Local Packs erscheinen zudem weiterhin die <strong>organischen Suchergebnisse</strong>. Wenn sie <strong>durch ihre SEO-Maßnahmen dort eine gute Ranking-Position erzielen</strong>, haben sie immer noch eine gute Chance Kunden zu erhalten.</p>



<p>Und zielt ihr Unternehmen zudem neben den lokalen Kunden auch noch auf <strong>Kunden aus anderen Regionen</strong>, so „müssen“ sie sogar SEO betreiben um eine bessere Sichtbarkeit zu erlangen.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Gerade Unternehmen die auf Laufkundschaft angewiesen sind, profitieren stark von dem Google Local Pack. Aber auch andere Produkt- oder Dienstleistungsanbieter können vom Local Pack profitieren.</p>



<p>Auch wenn es einen gewissen Aufwand darstellt, sein Unternehmen gut in der lokalen Suche zu platzieren, so lohnt es sich auf jeden Fall diese Maßnahme umzusetzen. Und in Anbetracht der immer stärkeren Nutzung von mobilen Geräten und der Verwendung des Mobilgeräts als zentrales Organisations-Tool für den Alltag, wird die lokale Suche per Suchmaschinen auch in Zukunft immer wichtiger werden.</p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-text-align-center has-global-color-8-color has-text-color">FAQ &#8211; Häufig gestellte Frage &amp; Antworten</h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1681140840228" class="rank-math-list-item">
<h3 class="rank-math-question ">Wem hilft das Google Local Pack?</h3>
<div class="rank-math-answer ">

<p>Das Google Local Pack hilft Nutzern der Suchmaschinen, lokale Angebote, z.B. Restaurant, Friseur, Fahrradgeschäft, etc. zu finden. Dazu werden auf Seite 1 oberhalb aller weiteren Suchergebnisse 3 Suchergebnisse in der Nähe des Standorts des Suchenden angezeigt, die für den Suchenden hilfreich sein werden. Und auf diesem Wege profitieren auch Unternehmen davon, denn sie erhalten zusätzliche Kunden, die sich gerade in der Nähe befinden und ihr Produkt oder ihre Dienstleistung benötigen.</p>

</div>
</div>
<div id="faq-question-1681141083089" class="rank-math-list-item">
<h3 class="rank-math-question ">Was muss ich tun, um im Google Local Pack gelistet zu werden?</h3>
<div class="rank-math-answer ">

<p>Sie müssen lediglich ein Unternehmensprofil in Google My Business anlegen und dies mit möglichst vielen Informationen über ihr Unternehmen und ihr Produkt-/Dienstleistungsangebot füllen.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/google-local-pack/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Indexierung</title>
		<link>https://www.conminds.de/indexierung/</link>
					<comments>https://www.conminds.de/indexierung/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Sat, 08 Apr 2023 15:24:54 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5245</guid>

					<description><![CDATA[Die Indexierung einer Webseite ist eine notwendige Voraussetzung, wenn eine Webseite in den Suchergebnislisten (SERPs) der großen Suchmaschinen erscheinen soll. Ohne Indexierung ist keine Sichtbarkeit in den Suchmaschinen möglich. Die Indexierung ist allerdings nur ein Punkt, aber ein sehr wichtiger Punkt, um Traffic von Suchmaschinen auf die eigene Website zu bekommen. Davon ist das eigentliche ... <a title="Indexierung" class="read-more" href="https://www.conminds.de/indexierung/" aria-label="Mehr Informationen über Indexierung">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[
<p>Die Indexierung einer Webseite ist eine notwendige Voraussetzung, wenn eine Webseite in den Suchergebnislisten (SERPs) der großen Suchmaschinen erscheinen soll. Ohne Indexierung ist keine Sichtbarkeit in den Suchmaschinen möglich.</p>



<p>Die Indexierung ist allerdings nur ein Punkt, aber ein sehr wichtiger Punkt, um Traffic von Suchmaschinen auf die eigene Website zu bekommen.</p>



<p>Davon ist das eigentliche Ranking in den Suchergebnislisten zu unterscheiden. Dies wird durch viele weitere Faktoren bestimmt. Die Indexierung ist aber zumindest die formale Voraussetzung, um überhaupt in die Suchergebnislisten aufgenommen zu werden.</p>





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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was bedeutet Indexierung?</h2>



<p>Ein Index ist ein <strong>Verzeichnis, in dem Inhalte nach bestimmten Kriterien geordnet werden</strong>.</p>



<p>Suchmaschinen nutzen einen solchen Index, um Webseiten anhand verschiedener Kriterien einzuordnen.</p>



<p>Die <strong>Einordnung einer Webseite in den Suchmaschinen-Index nennt man Indexierung</strong>.</p>



<p>Damit eine Aufnahme in den Index überhaupt erfolgen kann, muss eine Webseite zuvor nach bestimmten Kriterien durchsucht werden. Diese Aufgabe bewerkstelligen die sog. Crawler. Das sind Programme, die die Inhalte einer Webseite auslesen und anhand vieler verschiedener Kriterien bewerten. Anschließend <strong>wird jede Webseite verschiedenen Keywords zugeordnet</strong> und alles in den Index abgelegt.</p>



<p>Wenn nun ein Suchmaschinennutzer einen Suchbegriff in die Suchmaschine eingibt, durchsucht die Suchmaschinen ihren eigenen Index und gibt die nach dem Algorithmus errechnete Rangfolge von Webseiten in der Search Engine Result Page (SERP) aus.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie führt man die Indexierung einer Webseite herbei?</h2>



<p>Damit eine neue oder überarbeitete Webseite indexiert werden kann, müssen <strong>zwei grundlegende Voraussetzungen</strong> erfüllt sein.</p>



<p>Die Webseite und deren Inhalte sollten <strong>für Crawler zugänglich</strong> sein und <strong>die Erlaubnis zur Indexierung geben</strong>. Daher darf die Webseite </p>



<ul class="wp-block-list">
<li><strong>nicht durch die <a href="https://www.conminds.de/robots-txt/" data-type="URL" data-id="https://www.conminds.de/robots-txt/">robots.txt</a> ausgenommen</strong> werden</li>



<li><strong>nicht mit „noindex“ getaggt</strong> werden</li>
</ul>



<p>Sind beide Voraussetzungen erfüllt, <strong>kann man nun theoretisch einfach abwarten</strong>, bis die Crawler der Suchmaschinen bei der Webseite vorbeischauen um sie zu indexieren.</p>



<p>Voraussetzung dafür ist aber, dass eine <strong>Verlinkung von einer anderen Webseite zu der zu indexierenden Webseite besteht</strong>. Denn ohne eine Verlinkung über die die Crawler zur Webseite gelangen können. können sie sie auch nicht finden.</p>



<p>Sind Crawler auf dieser anderen Webseite unterwegs, so werden sie auch diesen Link sehen und ihm folgen. Daher gilt: Je mehr Links auf eine Webseite führen, desto eher wird sie auch von den Suchmaschinen wahrgenommen. Auf diesem Wege kann eine Indexierung auch herbeigeführt werden.</p>



<p>Dies Methode der Indexierung kann aber unter Umständen ein paar Wochen oder Monaten dauern. Aber wer möchte schon so lange auf die Indexierung seiner Webseite warten?</p>



<p>Will man aber schneller den Traffic von den Suchmaschinen erhalten, so muss man der Indexierung auf die Sprünge helfen.</p>



<p>Daher sollten Sie die <strong>Suchmaschinen aktiv auf die neue Webseite aufmerksam machen</strong>, indem Sie folgende Dinge umsetzen:</p>



<ul class="wp-block-list">
<li>die <strong>Suchmaschinen „anpingen“</strong>. Damit ist gemeint, dass man den Suchmaschinen aktiv einen Hinweis gibt, dass eine neue Website nun zur Indexierung bereitsteht. Dies kann bei Google mit Hilfe der <strong>Google Search Console</strong> erfolgen oder alternativ auch mit SEO-Plugins. Ob und wann die Suchmaschine der Bitte nachkommt, ist ganz ihr überlassen.</li>



<li>die Webseite sollte auf der <strong>XML-Sitemap</strong> enthalten sein und per Google Search Console hochgeladen werden. Eine XML-Sitemap kann ganz einfach mit einem SEO-Plugin wie RankMath oder Yoast oder mit Online-Tools aus dem Netz erstellt werden.</li>



<li>Inhalte der Webseite, die kein Text sind (insb. Bilder und Videos) sollten mit <strong>Meta-Texten</strong> versehen sein, damit dieser leichter und besser indexiert werden können.</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wann erfolgt die Indexierung einer neuen oder überarbeiteten Webseite?</h2>



<p>Hat man die Suchmaschine auf eine neu zu indexierende Webseite aufmerksam gemacht, wird der Crawler der Suchmaschinen auch zu der Webseite geschickt werden.</p>



<p>Doch wann der Crawler vorbeischaut <strong>lässt sich nicht pauschal sagen</strong>. Dies hängt von vielen Faktoren ab, die ganz allein von der Suchmaschine bestimmt werden.</p>



<p>Wenn eine stark frequentierte große Plattform wie Amazon eine neue Webseite launcht, dann besucht der Google Crawler diese Seite normalerweise bereits <strong>nach wenigen Minuten</strong> um sie zu indexieren.</p>



<p>Handelt es sich aber um eine kleine Website die kaum Traffic hat, dann kann eine Indexierung auch schon mal <strong>mehr als ein Monat</strong> dauern. In Einzelfällen kann es auch noch länger dauern, das ist aber eher selten der Fall.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie verhindert man eine Indexierung?</h2>



<p>Um die Indexierung einzelner Webseiten zu verhindern, nutzt man das <strong>Meta-Tag „noindex“</strong> im <strong>HTML-Header der jeweiligen Webseite</strong>.</p>


<div class="gb-container gb-container-21504b39">
<div class="gb-container gb-container-101992e0">

<p><strong>HINWEIS:</strong><br>Das <strong>Meta-Tag „noindex“ verhindert NICHT das Crawling der Webseite</strong>, aber es verhindert das die Webseite in den Index aufgenommen wird.</p>

</div>
</div>


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



<p>Dieses Meta-Tag  kann man manuell per HTML-Editor in den HTML-Header einfügen. Das sieht dann folgendermaßen aus:</p>



<pre class="wp-block-code"><code>&lt;head&gt;
<strong>&lt;meta name="robots" content="noindex" /&gt;</strong>
&lt;/head&gt;</code></pre>



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



<p>Ist das „noindex“-Tag gesetzt, so erhält der Crawler beim Besuch der Webseite zuerst den Hinweis, dass diese Webseite nicht indexiert werden soll. </p>


<div class="gb-container gb-container-14f4e586">
<div class="gb-container gb-container-8ca04cc4">

<p><strong>WICHTIG:</strong><br>Damit das Meta-Tag &#8222;noindex&#8220; von den Suchmaschinen auch gelesen werden kann, muss darauf geachtet werden, dass die <strong>Crawler nicht durch die robots.txt für den Zugriff auf die Webseite blockiert werden</strong>.</p>

</div>
</div>


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



<p>Allerdings sind die <strong>Suchmaschinen nicht verpflichtet, dass „noindex“ auch zu beachten</strong> und dementsprechend zu handeln. Jedoch sagen die großen Suchmaschinen wie Google und Bing von sich, dass sie das Meta-Tag „noindex“ auch beachten.</p>


<div class="gb-container gb-container-798b2c7d">
<div class="gb-container gb-container-7d668a35">

<p>ERINNERUNG:<br>Bitte nicht vergessen, die Sperrung der Indexierung später wieder aufzuheben! Ansonsten wird diese Webseite nicht in den Index aufgenommen werden!</p>

</div>
</div>


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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Ist die Indexierung per robots.txt verhinderbar?</h2>



<p>Will man eine Indexierung verhindern, so sollte man dies <strong>NICHT mit Hilfe der robots.txt umsetzen</strong>.</p>



<p>Die <strong>robots.txt soll die Crawler steuern</strong>, damit sie nur die wichtigen Inhalte einer Website crawlen. <strong>Die Indexierung wird dadurch aber nicht sicher verhindert</strong>!</p>



<p>Dass liegt daran, dass die per robots.txt ausgenommene <strong>Webseite auch über Links von anderen Webseiten gefunden werden kann</strong> und der <strong>Crawler die Webseite dann trotzdem crawlt und indexiert</strong>.</p>



<p>NUR wenn die Webseite mit dem Meta-Tag „noindex“ markiert wird, wird der Crawler die Webseite auch nicht indexieren!</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Indexierbarkeit einer Website / Webseite in WordPress einstellen</h2>



<p>Um eine komplette Website oder eine einzelne Webseite von den Suchmaschinen indexieren zu lassen, muss im Content Management System sichergestellt werden, dass das <strong>Attribut &#8222;noindex&#8220; nicht aktiviert ist</strong>. Ist es aktiviert, werden die Suchmaschinen-Crawler die Website / Webseite nicht indexieren.</p>



<p>Man kann das &#8222;noindex&#8220;-Attribut z.B. <strong>bei WordPress über 2 Wege einstellen</strong>:</p>



<ul class="wp-block-list">
<li><strong>Globale Einstellung</strong> (<strong>komplette Website</strong>)</li>



<li><strong>Lokale Einstellung</strong> (<strong>einzelne Webseiten</strong>)</li>
</ul>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Globale Einstellung der Indexierbarkeit</h3>



<p>In WordPress können Sie die <strong>gesamte Website an der Indexierung hindern oder diese wieder komplett freigeben</strong>.</p>



<p>Das Verhindern der Indexierung einer kompletten Website kann z.B. dann Sinn machen, wenn man gerade dabei ist die Website zu erstellen und verhindern möchte, dass die Suchmaschinen bereits die unvollständigen Webseiten indexieren.</p>



<p>Dazu müssen Sie im <strong>WordPress Menü unter dem Punkt &#8222;Einstellungen &gt; Lesen&#8220;</strong> prüfen, ob dort das Häkchen im Kasten (Check Box) bei <strong>&#8222;Sichtbarkeit für Suchmaschinen&#8220;</strong> (im folgenden Bild rot markiert) gesetzt ist oder eben nicht.</p>



<p>Im WordPress Menü sieht dies folgendermaßen aus:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="800" height="596" src="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-zur-Indexierung.webp" alt="WordPress Menue zur Indexierung" class="wp-image-6692" title="Indexierung 5" srcset="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-zur-Indexierung.webp 800w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-zur-Indexierung-300x224.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-zur-Indexierung-768x572.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">WordPress Menüpunkt &#8222;Indexierung&#8220;</figcaption></figure></div>


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



<p>Ist das<strong> Häkchen gesetzt</strong>, so wird die <strong>komplette Website vor der Indexierung abgehalten</strong>.</p>



<p>Ist das <strong>Häkchen nicht gesetzt</strong>, so ist die <strong>komplette Website zur Indexierung freigegeben</strong>.</p>


<div class="gb-container gb-container-c44e8f21">
<div class="gb-container gb-container-02d3eb27">

<p>HINWEIS:<br>Nach der Installation von WordPress ist die globale Einstellung &#8222;per Default&#8220; bereits so eingestellt, dass die Website indexiert wird.</p>

</div>
</div>


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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Lokale Einstellung der Indexierbarkeit</h3>



<p>Die Indexierung kann neben der globalen Einstellung auch noch <strong>für jede einzelne Webseite eingestellt werden</strong> (lokale Einstellung).</p>



<p>Dazu müssen Sie die <strong>entsprechende Webseite im Bearbeitungsmodus von WordPress öffnen</strong>. Auf der rechten Seite finden Sie das <strong>Menü für die Einstellungen der einzelnen Webseite</strong>, direkt neben dem &#8222;Aktualisieren&#8220;-Button.</p>



<p>Wenn Sie auf den <strong>Punkt &#8222;Beitrag&#8220;</strong> klicken, und dort auf den <strong>Punkt &#8222;Sichtbarkeit&#8220;</strong> (im folgenden Bild rot markiert), dann öffnet sich ein Fenster mit 3 Auswahlmöglichkeiten:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="300" height="471" src="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-Indexierung-einzelner-Webseiten.webp" alt="WordPress Menue Indexierung einzelner Webseiten" class="wp-image-6736" title="Indexierung 6" srcset="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-Indexierung-einzelner-Webseiten.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-Indexierung-einzelner-Webseiten-191x300.webp 191w" sizes="(max-width: 300px) 100vw, 300px" /><figcaption class="wp-element-caption">WordPress Menü zur Indexierbarkeit einzelner Webseiten</figcaption></figure></div>


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



<p>Die <strong>3 Auswahlmöglichkeiten</strong> haben folgende Bedeutung:</p>



<ul class="wp-block-list">
<li><strong>Öffentlich</strong> (&#8222;index&#8220;): Die Webseite steht für die Indexierung durch Suchmaschinen bereit. Zudem ist sie für alle Seitenbesucher uneingeschränkt sichtbar.</li>



<li><strong>Privat</strong> (&#8222;noindex&#8220;): Die Webseite wird von den Suchmaschinen nicht indexiert werden. Zudem ist sie nur für Personen mit Administratorrechten einsehbar.</li>



<li><strong>Passwortgeschützt</strong> (&#8222;noindex&#8220;): Die Webseite kann nicht indexiert werden. Zudem ist sie nur für Seitenbesucher die das entsprechende Passwort haben einsehbar. </li>
</ul>



<p>Alle Webseiten, die lokal auf &#8222;index&#8220; gestellt sind, werden durch die globale &#8222;noindex&#8220;-Einstellung dennoch nicht indexiert werden, da die globale Einstellung Vorrang hat vor den lokalen Einstellungen auf den einzelnen Webseiten.</p>



<p>Daneben kann auch noch mit Hilfe von SEO-Plugins wie RankMath oder Yoast jede einzelne Webseite per Checkbox auf &#8222;index&#8220; oder &#8222;Noindex&#8220; gesetzt werden. Auch hierauf sollte man bei Problemen mit der Indexierbarkeit mal ein Blick werfen.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie findet man heraus, ob eine Webseite indexiert wurde?</h2>



<p>Sie wollen wissen, ob eine neue Webseite in den Index der Suchmaschinen aufgenommen wurde? Kein Problem! Man kann dies sehr einfach auf <strong>zwei möglichen Wegen</strong> überprüfen.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Indexierung per Browser und &#8222;site:&#8220;-Befehl überprüfen</h3>



<p>Eine Möglichkeit ist, die Indexierung <strong>mit Hilfe eines Webbrowsers und der Suchmaschine des jeweiligen Suchmaschinenbetreibers</strong> zu überprüfen, z.B. mit Google Chrome für den Google Index und Microsoft Bing für den Microsoft Index.</p>



<p>Geben Sie dazu ganz einfach in das <strong>Suchfeld</strong> des jeweiligen Internetbrowsers, z.B. Google Chrome, den Befehl „<strong>site:</strong>“ gefolgt von der<strong> Webseiten-URL</strong> ein.</p>



<pre class="wp-block-code"><code>site:www.ihredomain.de</code></pre>



<p>Dies sieht dann in der Suchmaschine Google folgendermaßen aus:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="600" height="265" src="https://www.conminds.de/wp-content/uploads/2023/04/Indexierung-per-Google-und-site-Befehl-pruefen.webp" alt="Indexierung per Google und site-Befehl pruefen" class="wp-image-6657" title="Indexierung 7" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Indexierung-per-Google-und-site-Befehl-pruefen.webp 600w, https://www.conminds.de/wp-content/uploads/2023/04/Indexierung-per-Google-und-site-Befehl-pruefen-300x133.webp 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">Indexierung per Google und site-Befehl prüfen</figcaption></figure></div>


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



<p>Nachdem Sie die Suche mit &#8222;Enter&#8220; bestätigt haben, wird Ihnen die <strong>Suchergebnisliste (SERP)</strong> angezeigt. Diesmal zeigt die Suchergebnisliste allerdings nur die <strong>Webseiten ihrer Website, die bei der Suchmaschine bereits im Index sind</strong>.</p>



<p>Alle Webseiten die sich noch nicht im Index der Suchmaschine aufgenommen wurden werden auch nicht aufgelistet.</p>



<p>Gleiches können Sie mit dem Internet-Browser „Edge“ von Microsoft machen, um eine erfolgte Indexierung von der Suchmaschine Bing zu überprüfen.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Indexierung per Google Search Console überprüfen</h3>



<p>In der Google Search Console gibt es ebenfalls die Möglichkeit, die von Google indexierten Webseiten angezeigt zu bekommen.</p>



<p>Dazu müssen Sie sich bei der <a href="https://search.google.com/search-console/" data-type="URL" data-id="https://search.google.com/search-console/" target="_blank" rel="noreferrer noopener">Google Search Console</a> anmelden und, falls Sie es noch nicht gemacht haben, eine Property von Ihrer Webseite anlegen.</p>



<p>Anschließend rufen Sie den <strong>Menüpunkt &#8222;Indexierung&#8220;</strong> den Punkt &#8222;Seiten&#8220; auf.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="300" height="938" src="https://www.conminds.de/wp-content/uploads/2023/04/Google-Search-Console-Menue-Indexierung.webp" alt="Google Search Console Menue Indexierung" class="wp-image-6669" title="Indexierung 8" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Google-Search-Console-Menue-Indexierung.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/Google-Search-Console-Menue-Indexierung-96x300.webp 96w" sizes="(max-width: 300px) 100vw, 300px" /><figcaption class="wp-element-caption">Google Search Console Menüpunkt Indexierung</figcaption></figure></div>


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



<p>Wenn Sie auf das <strong>Feld &#8222;Daten zu indexierten Seiten ansehen&#8220; anklicken</strong>, dann sehen Sie unter dem Punkt &#8222;Beispiele&#8220; die Liste mit den von Google indexierten Webseiten ihrer Domain.</p>



<p>Gleiches können Sie auch mit den Bing Webmster Tools machen, um die Indexierung bei Microsoft`s Suchmaschine Bing zu ermitteln.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie macht man eine bereits erfolgte Indexierung rückgängig?</h2>



<p>Um eine Webseite aus dem Index, respektive aus den Suchergebnislisten (SERP) zu entfernen, hat man verschiedene Möglichkeiten.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Löschung der Webseite</h3>



<p>Als erste Möglichkeit kann man natürlich eine <strong>Webseite auch einfach löschen</strong>. Dies ist allerdings die radikalste Option.</p>



<p>Dann wird für alle Seitenbesucher und auch die Suchmaschinen ein <strong>404-Fehlercode (Not found)</strong> zurückgegeben.</p>



<p>Allerdings wird die Seite erst aus dem Index und damit aus den Suchergebnislisten genommen, wenn die Suchmaschine die Webseite erneut gecrawlt hat und den 404-Fehler wahrgenommen hat. Bis dahin erscheint die Webseite weiterhin in den Suchergebnissen, sie ist lediglich nicht mehr aufrufbar.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Änderung der URL</h3>



<p>Daneben besteht auch noch die Möglichkeit, die <strong>URL zu ändern</strong>.</p>



<p>Die <strong>neue URL muss dann allerdings auch auf „noindex“ gesetzt werden</strong>, damit diese nicht wiederum in den Index aufgenommen wird und erneut, nur unter anderer URL wieder in den Suchergebnissen auftaucht.</p>



<p>Ist die URL geändert, so <strong>wird unter der alten URL ein 404-Fehlercode ausgegeben</strong>. Dadurch wird die Webseite nach einem erneutem Crawling aus den Suchergebnissen herausgenommen. Bis das Crawling erfolgt, taucht das Suchergebnis weiterhin noch auf, aber sie Seite kann nicht mehr aufgerufen werden.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Nutzung des Meta-Tags „noindex“</h3>



<p>Auch wenn eine Webseite bereits indexiert wurde, lässt sich auch <strong>nachträglich noch eine „Deindexierung“ durchführen</strong>.</p>



<p>Dazu einfach das <strong>Meta-Tag „noindex“ auf der entsprechenden Webseite wieder aktivieren</strong>.</p>



<p>Allerdings kann das Meta-Tag auch erst wahrgenommen werden, wenn der Crawler die Seite wieder besucht. Erst nach erneutem Crawling der Webseite wird das „noindex“ berücksichtigt werden und eine Herausnahme der Webseite aus den Suchergebnislisten erfolgen.</p>



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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Sofortige Entfernung einer Webseite aus der Bing Suchergebnisliste</h3>



<p>Möchte man eine bereits indexierte Webseite <strong>schnellstmöglich (innerhalb von 24 Stunden) aus den Suchergebnislisten (SERP) entfernen</strong>, so bieten die <strong>Bing Webmaster Tools</strong> die Möglichkeit, diese Webseite <strong>aus den SERP der Suchmaschine Bing zu entfernen</strong>. Das entsprechende Tool nennt sich <a href="https://www.bing.com/webmasters/searchconfig/blockurl" data-type="URL" data-id="https://www.bing.com/webmasters/searchconfig/blockurl" target="_blank" rel="noreferrer noopener">Block URLs Tool</a>.</p>



<p>Diese Blockierung ist aber <strong>nur vorübergehend für maximal 90 Tage möglich</strong>. Danach ist allerdings auch eine <strong>Verlängerung möglich</strong>.</p>



<p>Dazu loggt man sich in die Bing Webmaster Tools ein und geht dann zum Menüpunkt „Configuration &gt; Block URLs“. Nun wählt man die Art der zu blockierenden URL (URL type: Directory oder Page) und den Umfang (Block type: URL&amp;Cache oder Cache only) aus.</p>



<p>Anschließend trägt man dann die URLs der Webseiten ein, die nicht mehr in den Suchergebnissen angezeigt werden sollen.</p>



<p>Nun noch auf den Button „Add URL to block“ klicken und die Webseite wird nicht mehr in den Ergebnissen der Suchmaschine Bing angezeigt werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Zusammenfassend kann gesagt werden, dass die Indexierung ein <strong>elementar wichtiger Grundstein</strong> für die Sichtbarkeit einer Website in den Suchmaschinen ist. Denn ohne Indexierung erscheint eine Webseite erst gar nicht in den Suchergebnislisten (SERPs).</p>



<p>Überprüfen sie daher, ob alle ihre Webseiten von den großen Suchmaschinen indexiert werden kann und ob alle Webseiten auch indexiert wurden.</p>



<p>Fehlen Webseiten im Index, sollten die Gründe überprüft werden und anschließend die Webseiten über die Webmaster Tools der Suchmaschinen hinzugefügt werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Weiterführende Informationen:</h2>



<p>Google Informationen zu Crawling und Indexierung: <a href="https://developers.google.com/search/docs/crawling-indexing" target="_blank" rel="noreferrer noopener">https://developers.google.com/search/docs/crawling-indexing</a></p>



<p>Google`s Bericht zur Seitenindexierung: <a href="https://support.google.com/webmasters/answer/7440203" target="_blank" rel="noreferrer noopener">https://support.google.com/webmasters/answer/7440203</a></p>



<p>Aufnahme in den Suchindex mithilfe von noindex blockieren: <a href="https://developers.google.com/search/docs/crawling-indexing/block-indexing?hl=de" target="_blank" rel="noreferrer noopener">https://developers.google.com/search/docs/crawling-indexing/block-indexing</a></p>



<p>Website aus dem Bing Index entfernen: <a href="https://www.bing.com/webmasters/help/?topicid=37c07477" target="_blank" rel="noreferrer noopener">https://www.bing.com/webmasters/help/?topicid=37c07477</a></p>



<p>Bing Block URLs Tool Hilfe: <a href="https://www.bing.com/webmasters/help/block-urls-264e560b" target="_blank" rel="noreferrer noopener">https://www.bing.com/webmasters/help/block-urls-264e560b</a></p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-text-align-center">FAQ &#8211; Häufige gestellte Fragen &amp; Antworten</h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1680980507557" class="rank-math-list-item">
<h3 class="rank-math-question ">Was bedeutet Indexierung?</h3>
<div class="rank-math-answer ">

<p>Indexierung bedeutet die Aufnahme einer Webseite in den Index der Suchmaschine. Sie ist die Voraussetzung, dass eine Webseite überhaupt in den Suchergebnislisten (SERPs) der Suchmaschinen wie Google und Bing erscheint.</p>

</div>
</div>
<div id="faq-question-1680980523845" class="rank-math-list-item">
<h3 class="rank-math-question ">Wie indexiere ich eine WordPress Website / Webseite?</h3>
<div class="rank-math-answer ">

<p>Um eine WordPress Website / Webseite indexieren zu lassen, müssen sie eigentlich nichts tun. Voraussetzung ist allerdings, dass externe Links (Backlinks) auf ihre Website zeigen. Die Crawler der Suchmaschinen werden irgendwann automatisch diesen Backlinks folgen und so bei Ihrer Website vorbeischauen und diese indexieren. Haben Sie keine Backlinks oder wollen die Indexierung aktiv und schneller herbeiführen, so müssen sie die Webseite in den Administrator-Tools der Suchmaschinen zur Indexierung anmelden. Dies wichtigsten Tools sind die Google Search Console und die Bing Webmaster Tools.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/indexierung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Dynamische Inhalte</title>
		<link>https://www.conminds.de/dynamische-inhalte/</link>
					<comments>https://www.conminds.de/dynamische-inhalte/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Fri, 07 Apr 2023 15:27:21 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=3544</guid>

					<description><![CDATA[Was sind dynamische Inhalte? Wenn die Inhalte einer Website auf jeden einzelnen Seitenbesucher angepasst werden können, so spricht man von einer dynamischen Webseite. Umgesetzt wird dies durch dynamische Inhalte (engl. Dynamic Content). Dynamische Inhalte sind das Gegenteil von statischen Inhalten. Dynamische Inhalte werden erst in Echtzeit generiert und liegen nicht, wie bei statischen Inhalten, schon ... <a title="Dynamische Inhalte" class="read-more" href="https://www.conminds.de/dynamische-inhalte/" aria-label="Mehr Informationen über Dynamische Inhalte">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[


<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was sind dynamische Inhalte?</h2>



<p>Wenn die <strong>Inhalte einer Website auf jeden einzelnen Seitenbesucher angepasst werden</strong> können, so spricht man von einer <strong>dynamischen Webseite</strong>. Umgesetzt wird dies durch dynamische Inhalte (engl. <strong>Dynamic Content</strong>).</p>



<p>Dynamische Inhalte sind das Gegenteil von statischen Inhalten.</p>



<p>Dynamische Inhalte werden erst in Echtzeit generiert und liegen nicht, wie bei statischen Inhalten, schon bei Aufruf durch den Browser vor. Sie <strong>können sich daher bei jeder Anfrage eines Browsers ändern</strong>.</p>



<p>Dabei <strong>geben verschiedene Parameter vor, wie sich der Inhalt der Website zusammenstellen soll</strong>. Mit dynamischen Inhalten können daher anhand bestimmter Nutzersignale z.B. länderspezifische Webseiten oder personalisierte Produktvorschläge erstellt werden.</p>



<p>Die <strong>eigentlichen Inhalte (z.B. Produktbilder) sind dabei fast immer statischer Natur</strong>, nur werden diese statischen Inhalte auf dynamischen Wegen ausgewählt und neu zusammengestellt (z.B. welche Auswahl von Produktbildern gezeigt werden).  Die entsprechenden Inhalte werden dann von einer Datenbank entnommen und in Echtzeit zusammengefügt.</p>



<p>Oft werden dynamische Inhalte genutzt, um personalisierte Angebote z.B. in Online-Shops anzuzeigen:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1000" height="205" src="https://www.conminds.de/wp-content/uploads/2023/04/Dynamische-Inhalte-Online-Shop.webp" alt="Dynamische Inhalte Online Shop" class="wp-image-6463" title="Dynamische Inhalte 9" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Dynamische-Inhalte-Online-Shop.webp 1000w, https://www.conminds.de/wp-content/uploads/2023/04/Dynamische-Inhalte-Online-Shop-300x62.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/Dynamische-Inhalte-Online-Shop-768x157.webp 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption">Beispiel: Dynamische Inhalte in einem Online-Shop</figcaption></figure></div>


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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Woran erkennt man dynamische Webseiten?</h2>



<p>Dynamische Webseiten sind am einfachsten <strong>an ihrer URL erkennbar</strong>. Denn eine dynamische Webseite hat auch eine <strong>dynamische URL</strong>.</p>



<p>So sind in den URLs der dynamischen Webseiten Parameter enthalten, die normalerweise in einer statischen Webseiten-URL nicht enthalten sind.</p>



<p>Die <strong>Parameter für dynamische URLs</strong> sind:</p>



<ul class="wp-block-list">
<li><strong>?</strong> (zeigt den Beginn eines Parameters an)</li>



<li><strong>&amp;</strong> (Trennzeichen für mehrere Parameter)</li>



<li><strong>=</strong> (zeigt den Wert des Parameters an)</li>
</ul>



<p>Taucht einer dieser Parameter in der URL auf, so handelt es sich um eine dynamische URL und damit um eine dynamische Webseite.</p>



<p>Allerdings ist es auch möglich, dynamische URLs in statische URLs umzuwandeln. Dann sind die dynamischen URLs nicht mehr über die URL-Parameter direkt erkennbar.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wer benötigt dynamische Inhalte?</h2>



<p>Webseiten, die dynamische Inhalte nutzen sind <strong>Webseiten, die ihre Inhalte ständig ändern wollen</strong>. Diese Änderung oder Anpassung kann aufgrund aktueller Ereignisse, für personalisierte Werbung, für eine passende Ansprache entsprechend der Station der Customer Journey oder aus anderen Gründen gewollt sein.</p>



<p>So sind die <strong>Nachrichten-Webseiten</strong> fast immer dynamische Webseiten, da sie täglich ein bis mehrmals neue Meldungen in die Webseiten einbinden um stets die aktuellsten Meldungen präsentieren zu können.</p>



<p>Auch sehr viele <strong>Online-Shops</strong> nutzen dynamische Inhalte, damit sie dem Seitenbesucher automatisch personalisierte Werbung in Form von weiteren Produktempfehlungen anzeigen können.</p>



<p>Auch Webseiten von <strong>sozialen Netzwerken</strong> spielen dynamische Inhalte, je nach den Interessen (z.B. Hashtag-Schlagworte) der jeweiligen Person aus.</p>



<p>Daneben nutzen auch <strong>viele weitere Webseiten</strong> dynamische Inhalte an, um dem Seitenbesucher angepasste personalisierte Inhalte anzeigen zu können.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Vorteile und Nachteile von dynamischen Inhalten</h2>



<p>Dynamische Inhalte bieten viele Vorteile, aber leider auch ein paar Nachteile.</p>



<p><strong>Vorteile</strong>:</p>



<ul class="wp-block-list">
<li>Personalisierung der Inhalte möglich, daher <strong>mehr interessengerechte Inhalte</strong></li>



<li>Inhalte werden <strong>automatisch aktualisiert</strong></li>



<li><strong>verbesserte User Experience</strong>, da Inhalte an die Customer Journey angepasst werden können</li>



<li><strong>besseres Cross- und Up-Selling möglich</strong>, da die spezifischen Zusatz-Produkte zu jedem einzelnen Produkt angezeigt werden können</li>
</ul>



<p><strong>Nachteile</strong>:</p>



<ul class="wp-block-list">
<li>können <strong>längere Ladezeiten</strong> verursachen</li>



<li>meistens <strong>kein Caching möglich</strong></li>



<li><strong>mehr Komplexität</strong> und dadurch höherer Wartungsaufwand</li>



<li><strong>mehr potentielle Fehlerquellen</strong>, da die Inhalte bei jeder Anfrage erneut zusammengestellt werden müssen</li>



<li><strong>Indexierung der Webseiten ist schwieriger</strong>, da sich die Inhalte bei jeder Anfrage ändern können</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Kriterien für die Auswahl dynamischer Inhalte</h2>



<p>Bei der Auswahl und Darstellung der angebotenen Inhalte auf einer dynamischen Webseite können unter anderem folgende Kriterien eine Rolle spielen:</p>



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



<li>Geografie</li>



<li>Browsertyp</li>



<li>Gerätetyp</li>



<li>Cookies</li>



<li>IP-Adresse</li>



<li>Login-Daten</li>



<li>Suchfeld-Eingaben</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Umsetzung dynamischer Inhalte</h2>



<p>Webseiten, die dynamische Inhalte enthalten, werden üblicherweise durch folgende <strong>Programmiersprachen</strong> umgesetzt: PHP, JavaScript, Python, Ajax oder Flash. Daneben können auch Silverlight, ASPX, Ruby on Rails und JSP genutzt werden, um dynamische Inhalte zu erzeugen.</p>



<p>Dabei können die dynamischen Inhalte <strong>client- oder serverseitig gesteuert</strong> werden.</p>



<p>Ein Beispiel einer clientseitigen Steuerung ist ein Formular, dass sich nach jeder Eingabe seitens des Users, weiter aufbaut.</p>



<p>Ein Beispiel einer serverseitigen Steuerung ist die Empfehlung von Produkten auf einer Online-Shop Seite.</p>



<p>Die heutigen <strong>Content Management Systems (CMS)</strong> oder <strong>Online-Shop-Systeme</strong> können dynamischen Content problemlos erzeugen und steuern. Die Inhalte für den dynamischen Content liegen in einer Datenbank und werden je nach Bedarf abgerufen und zusammengestellt.</p>



<p>Um an die relevanten Parameter zur Steuerung des Dynamic Content zu gelangen, werden meist <strong>Cookies und weitere Tracking-Methoden eingesetzt</strong>.</p>



<p>Mit Hilfe der Parameter könne dann folgende Unterscheidungen oder Aktionen umgesetzt werden:</p>



<ul class="wp-block-list">
<li><strong>Anzahl der Aufrufe einer Webseite</strong>: Neukunde oder Stammkunde</li>



<li><strong>Suchwort-Eingabe</strong>: Bestimmung des aktuellen Standes in der Customer Journey</li>



<li><strong>Geräte-Typ</strong> (Smartphone, Tablet oder Desktop): Bedienkonzept justieren</li>



<li><strong>Bereits besuchte Webseiten</strong>: Produktvorschläge machen</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Dynamische Inhalte und SEO</h2>



<p>Dynamische Inhalte haben auch Vorteile für das SEO, wenn sie technisch richtig genutzt werden.</p>



<p>Durch das Anbieten von personalisierten Inhalten wird der Seitenbesucher interessengerechter mit Informationen oder Produkten bedient. Das <strong>steigert die Verweildauer</strong> auf den einzelnen Webseiten und animiert auch noch dazu weitere Unterseiten aufzurufen. Somit wird auch die <strong>Anzahl der aufgerufenen Webseiten erhöht</strong>.</p>



<p>Auch können den Seitenbesuchern bei jeder Wiederkehr neue, aktuelle oder erweiterte Informationen oder Produkte angezeigt werden, z.B. Veranstaltungstipps, Staumeldungen, Wettervorschau, etc. Somit lohnt es sich auch für Seitenbesucher, die die Webseite bereits kennen, immer mal wieder auf die Webseite zurückzukehren. Das <strong>erhöht den Traffic</strong> der Webseite.</p>



<p>Dies sind alles <strong>positive Signale an die Suchmaschinen</strong>, die zu einem besseren Ranking verhelfen werden.</p>



<p>Damit die Vorteile der dynamischen Inhalte bzw. Webseiten auch voll greifen können, muss sichergestellt werden, dass <strong>die dynamischen Webseiten nicht länger Laden als die statischen Webseiten</strong>. Denn eine längere Ladezeit der Webseite würde wiederum von den Suchmaschinen negativ bewertet.</p>



<p>Zudem kann das Problem bestehen, dass <strong>inhaltsgleiche Webseiten unter verschiedenen dynamischen URLs</strong> generiert werden. Diese können von Suchmaschinen als <strong>Duplicate Content</strong> gewertet werden. Die heutigen modernen Suchmaschinen haben aber Bots, die mit dynamischen URLs umgehen können und diese normalerweise nicht mehr als Duplicate Content bewerten. Sicherheitshalber sollten Sie aber dennoch <strong>per robots.txt die Crawler anweisen, die dynamischen URLs nicht zu indexieren</strong> und stattdessen die richtigen statischen URLs zu indexieren. So können Sie Duplicate Content vermeiden und das <strong>begrenzte Crawling-Budget optimal nutzen</strong>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Dynamische Inhalte sind für den Erfolg vieler Webangebote von großer Wichtigkeit. Denn nur so können Kunden optimal entsprechend ihrer Interessen und ihrer Position in der Customer Journey angesprochen werden. Dies erhöht die Kundenzufriedenheit und sorgt für eine bessere Conversion Rate.</p>



<p>Allerdings setzt der dynamische Content auch höhere Anforderungen an den Webserver und Webmaster voraus. Zum einen muss der Server und das CMS die entsprechenden technischen Voraussetzungen mit sich bringen, zum anderen müssen die verschiedenen Inhalte durch den Webmaster auch produziert und richtig gesteuert werden.</p>



<p>Für das SEO können sie ebenfalls einen Mehrwert beitragen, wenn sie richtig verwendet werden. Insbesondere sollten dazu auch die dynamischen URLs per robots.txt vom Crawling ausgenommen werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Weiterführende Informationen:</h2>



<p>Infos zu dynamischen URLs: <a href="https://developers.google.com/search/blog/2008/09/dynamic-urls-vs-static-urls" target="_blank" rel="noreferrer noopener">https://developers.google.com/search/blog/2008/09/dynamic-urls-vs-static-urls</a></p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-global-color-8-color has-text-color">FAQ &#8211; Häufig gestellte Fragen und Antworten</h2>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1679148339863" class="rank-math-list-item">
<h3 class="rank-math-question ">Was sind dynamische Inhalte?</h3>
<div class="rank-math-answer ">

<p>Dynamische Inhalte sind Inhalte einer Website, die sich aufgrund bestimmter Parameter ändern können. So können Webseiten in der Landessprache des Seitenbesuchers oder Produkte, die den eigenen Vorlieben entsprechen auf einer Webseite angezeigt werden. Dynamische Webseiten werden erst bei Aufruf der Webseite zusammengestellt und liegen nicht wie bei statischen Webseiten bereits vor.</p>

</div>
</div>
<div id="faq-question-1679148348084" class="rank-math-list-item">
<h3 class="rank-math-question ">Welche Vorteile bringen dynamische Inhalte?</h3>
<div class="rank-math-answer ">

<p>Dynamische Inhalte erlauben die Personalisierung einer Website auf jeden einzelnen Seitenbesucher. Dadurch können Angebote zielgerecht auf die Vorlieben und Interessen des jeweiligen Seitenbesuchers erstellt werden. Dies hat meist für Werbeschaltungen und Online-Shops eine höhere Conversion Rate zur Folge.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/dynamische-inhalte/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Hyperlink</title>
		<link>https://www.conminds.de/hyperlink/</link>
					<comments>https://www.conminds.de/hyperlink/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Thu, 06 Apr 2023 16:40:44 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5237</guid>

					<description><![CDATA[Was ist ein Hyperlink? Ein Hyperlink ist ein elektronischer Verweis im Umfeld eines Hypertextes, z.B. einer Webseite.Synonyme für das Wort Hyperlink sind auch Verweis, Querverweis oder Weblink. Ein Hyperlink kann zu folgenden Zielen führen: Das Ziel eines Hyperlinks kann eine Webseite, ein Video, ein Bild oder auch eine Download-Datei sein. Hyperlinks sind ein grundlegendes Element ... <a title="Hyperlink" class="read-more" href="https://www.conminds.de/hyperlink/" aria-label="Mehr Informationen über Hyperlink">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[


<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was ist ein Hyperlink?</h2>



<p>Ein Hyperlink ist ein elektronischer<strong> Verweis im Umfeld eines Hypertextes</strong>, z.B. einer Webseite.<br>Synonyme für das Wort Hyperlink sind auch Verweis, Querverweis oder Weblink.</p>



<p>Ein Hyperlink kann zu folgenden <strong>Zielen</strong> führen:</p>



<ul class="wp-block-list">
<li><strong>innerhalb des selben Dokuments</strong> von dem der Link ausgeht (per Anker &#8222;#&#8220;) oder</li>



<li><strong>in ein anderes elektronisches Dokument</strong></li>
</ul>



<p>Das Ziel eines Hyperlinks kann eine Webseite, ein Video, ein Bild oder auch eine Download-Datei sein.</p>



<p>Hyperlinks sind ein grundlegendes Element der <strong>Navigation innerhalb des Internets</strong>. Dazu werden insbesondere <a href="https://www.conminds.de/deep-link/" data-type="URL" data-id="https://www.conminds.de/deep-link/">Deep Links</a> genutzt, die direkt auf das gewünschte Ziel des Webauftritts verweisen.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie erkennt man einen Hyperlink?</h2>



<p>Einen Hyperlink <strong>innerhalb eines Webdokuments</strong> erkannt man, indem man mit dem <strong>Mauszeiger</strong> auf die entsprechende Textpassage, den sog. <a href="https://www.conminds.de/ankertext-anchor-text/" data-type="URL" data-id="https://www.conminds.de/ankertext-anchor-text/">Ankertext</a>, oder das grafische Element fährt (<strong>hovern</strong>).</p>



<p>In der Grundeinstellung des Webbrowsers verwandelt sich der Mauszeiger dann von einem Zeiger zu einem Handsymbol:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="400" height="118" src="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-hovern-laesst-Mauszeiger-zu-Handsymbol-werden.webp" alt="Hyperlink hovern laesst Mauszeiger zu Handsymbol werden" class="wp-image-6251" title="Hyperlink 10" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-hovern-laesst-Mauszeiger-zu-Handsymbol-werden.webp 400w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-hovern-laesst-Mauszeiger-zu-Handsymbol-werden-300x89.webp 300w" sizes="(max-width: 400px) 100vw, 400px" /><figcaption class="wp-element-caption">&#8222;Hovern&#8220; über den Hyperlink verwandelt den Mauszeiger in ein Handsymbol</figcaption></figure></div>


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



<p>Daneben erscheint im Browser-Fenster unten links  die URL des Ziels des Hyperlinks:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="493" height="180" src="https://www.conminds.de/wp-content/uploads/2023/03/Linkziel-hinter-Ankertext.webp" alt="Linkziel hinter Ankertext" class="wp-image-3940" title="Hyperlink 11" srcset="https://www.conminds.de/wp-content/uploads/2023/03/Linkziel-hinter-Ankertext.webp 493w, https://www.conminds.de/wp-content/uploads/2023/03/Linkziel-hinter-Ankertext-300x110.webp 300w" sizes="(max-width: 493px) 100vw, 493px" /><figcaption class="wp-element-caption">Das &#8222;hovern&#8220; auf den Ankertext lässt das Linkziel erscheinen</figcaption></figure></div>


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



<p>Wird dann auf den Hyperlink <strong>geklickt</strong>, so wird <strong>automatisch das dahinterliegende Ziel aufgerufen</strong>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Hyperlink in WordPress einfügen</h2>



<p>Ein Hyperlink lässt sich in den Content Management System WordPress ganz leicht einfügen.</p>



<p>Dazu öffnet man den Bearbeitungsmodus der entsprechenden Webseite, in die der Link eingefügt werden soll und <strong>markiert die Textpassage, hinter der der Link eingefügt werden soll</strong>.</p>



<p>Anschließend lässt ein <strong>Rechtsklick mit der Maus</strong> ein kleines Menü-Fenster erscheinen, welches wie folgt aussieht:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="378" height="65" src="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-mit-Hyperlink-Auswahl-Button-markiert.webp" alt="WordPress Menü mit Hyperlink Auswahl-Button markiert" class="wp-image-6443" title="Hyperlink 12" srcset="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-mit-Hyperlink-Auswahl-Button-markiert.webp 378w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Menue-mit-Hyperlink-Auswahl-Button-markiert-300x52.webp 300w" sizes="(max-width: 378px) 100vw, 378px" /><figcaption class="wp-element-caption">WordPress Menü mit Hyperlink Auswahl-Button (rot markiert)</figcaption></figure></div>


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



<p>Hat man den <strong>Hyperlink-Button (rot markiert)</strong> angeklickt, so öffnet sich ein weiteres Fenster, das wie folgt aussieht:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="366" height="195" src="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Eingabefeld-WordPress.webp" alt="Hyperlink Eingabefeld WordPress" class="wp-image-6446" title="Hyperlink 13" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Eingabefeld-WordPress.webp 366w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Eingabefeld-WordPress-300x160.webp 300w" sizes="(max-width: 366px) 100vw, 366px" /><figcaption class="wp-element-caption">Hyperlink Eingabefeld in WordPress</figcaption></figure></div>


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



<p>In das <strong>Eingabefeld &#8222;Suchen oder URL eingeben&#8220;</strong> gibt man nun die <strong>URL des Link-Ziels</strong>, z.B. der zu verlinkenden Webseite ein. Zudem lassen sich auch noch <strong>bei Bedarf 3 Link-Attribute aktivieren</strong>.</p>



<p>Ist alles eingegeben, klickt man entweder kurz auf den angezeigten Link im Menü-Fenster oder irgendwo außerhalb des Menü-Fensters. Anschließend noch die bearbeitete <strong>Webseite abspeichern</strong>.</p>



<p>Fertig, der Link ist nun eingerichtet und kann in der Live-Webseite ausprobiert werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Hyperlinks im HTML Code</h2>



<p>Hyperlinks werden <strong>im HTML-Code der Webseite hinterlegt</strong>. Dort werden sie durch das <strong>HTML-Attribut „href“</strong> genutzt. Das entsprechende HTML-Element sieht dann von der Syntax folgendermaßen aus:</p>



<pre class="wp-block-code"><code>&lt;a href=”URL”&gt; Linktext&lt;/a&gt;</code></pre>



<p>Ein Beispiel kann somit folgendermaßen aussehen:</p>



<pre class="wp-block-code"><code>&lt;a href=” https://www.conminds.de/kontakt”&gt;Jetzt unverbindliches Angebot einholen!&lt;/a&gt;</code></pre>



<p>Um einen eigenen Hyperlink in HTML erstellen und ausprobieren zu können, empfehlen wir Ihnen das <a href="https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_a_href" data-type="URL" data-id="https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_a_href" target="_blank" rel="noreferrer noopener">Tool</a> von W3schools.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Strukturen von Hyperlinks</h2>



<p>Hyperlinks können in verschiedenen Strukturen genutzt werden. Durch die gewählte Hyperlink-Struktur <strong>kann festgelegt werden, wie sich ein Seitenbesucher durch die Website bewegen soll</strong>.</p>



<p>Man unterscheidet dabei <strong>vier Grundstrukturen</strong>:</p>



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



<li>Baumstruktur</li>



<li>Netzstruktur</li>



<li>Sternstruktur</li>
</ul>



<p>Nachfolgend gehen wir detaillierter auf die jeweilige Struktur ein.</p>



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Lineare Struktur</h3>



<p>Bei der linearen Struktur ist die <strong>Reihenfolge der aufzurufenden Webseiten komplett vorgegeben</strong>. Es folgt immer nur ein Dokument dem anderen. Der Seitenbesucher hat bei dieser Struktur <strong>keine Auswahlmöglichkeit</strong>, welche Webseite er als nächstes aufrufen soll. Er kann nur dem Link folgen um zu der neuen Webseite zu gelangen oder auf der aktuellen Webseite bleiben.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="800" height="227" src="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Lineare-Struktur.webp" alt="Hyperlink Lineare Struktur" class="wp-image-6288" title="Hyperlink 14" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Lineare-Struktur.webp 800w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Lineare-Struktur-300x85.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Lineare-Struktur-768x218.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Hyperlink &#8211; Lineare Struktur</figcaption></figure></div>


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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Baumstruktur</h3>



<p>Bei der Baumstruktur ist die Reihenfolge der aufzurufenden Webseiten nicht so starr vorgegeben wie bei der linearen Struktur. Es gibt immer noch mindestens einen alternativen Pfad. Dadurch hat der User die <strong>Möglichkeit sich auf jeder Webseite für unterschiedliche Wege zu entscheiden</strong> und muss nicht starr nur einem vorgegebenen Weg folgen. Allerdings gibt es <strong>keine Querverbindungen zum parallelen Pfad</strong>. Die Freiheitsgrade sind daher auch begrenzt.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="800" height="500" src="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Baum-Struktur.webp" alt="Hyperlink Baum-Struktur" class="wp-image-6291" title="Hyperlink 15" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Baum-Struktur.webp 800w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Baum-Struktur-300x188.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Baum-Struktur-768x480.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Hyperlink &#8211; Baumstruktur</figcaption></figure></div>


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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Netzstruktur</h3>



<p>Bei der Netzstruktur wird <strong>fast keine Reihenfolge der aufzurufenden Webseiten vorgegeben</strong>. Es wird somit kein Bewegungsmuster vorgegeben, wie sich der Seitenbesucher über die Website hinweg bewegen soll. Der User hat sehr viele Wahlmöglichkeiten, welchem Pfad er folgen möchte. Die Netzstruktur bietet daher <strong>sehr viele Freiheitsgrade</strong>. Allerdings ist die Netzstruktur nur <strong>schwer zu überblicken</strong> und der Seitenbesucher kann leicht den Überblick verlieren.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="800" height="342" src="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Netz-Struktur.webp" alt="Hyperlink Netz-Struktur" class="wp-image-6292" title="Hyperlink 16" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Netz-Struktur.webp 800w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Netz-Struktur-300x128.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Netz-Struktur-768x328.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Hyperlink &#8211; Netzstruktur</figcaption></figure></div>


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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Sternstruktur</h3>



<p>Bei der Sternstruktur gibt es <strong>eine zentrale Webseite von der die gesamte Navigation ausgeht</strong>. Dabei hat der Seitenbesucher von dieser Webseite aus den <strong>vollen Überblick über alle Webseiten</strong> und damit auch die <strong>volle Auswahlmöglichkeit jede einzelne der übrigen Webseiten sofort aufzurufen</strong>. Die Sternstruktur bietet damit die <strong>größtmögliche Transparenz</strong> für den Seitenbesucher und zugleich den größten Freiheitsgrad.</p>



<p>Diese Struktur ist typisch für ein Inhaltsverzeichnis oder ein Lexikon. </p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="700" height="559" src="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Stern-Struktur.webp" alt="Hyperlink Stern-Struktur" class="wp-image-6294" title="Hyperlink 17" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Stern-Struktur.webp 700w, https://www.conminds.de/wp-content/uploads/2023/04/Hyperlink-Stern-Struktur-300x240.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption class="wp-element-caption">Hyperlink &#8211; Sternstruktur</figcaption></figure></div>


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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Hyperlinks und SEO</h2>



<p>Hyperlinks sind die <strong>Grundlage für das Internet</strong>. Indem sie Webseiten rund um die Welt miteinander verknüpfen, bilden sie erst die Netzstruktur, die das &#8222;Netz&#8220;, das Internet (World Wide Web) ausmacht.</p>



<p>Dementsprechend waren sie <strong>zu Beginn der Suchmaschinen auch DAS zentrale Element für die Bewertung von Webseiten</strong> und damit der wichtigste Rankingfaktor.</p>



<p>Folge dessen <strong>waren sie auch das wichtigste Instrument der Suchmaschinenoptimierung (SEO)</strong>. Danach galt: Je mehr <a href="https://www.conminds.de/backlink/" data-type="URL" data-id="https://www.conminds.de/backlink/">Backlinks</a> eine Webseite hatte, desto relevanter wurde sie angesehen. Als <strong>Backlinks</strong> bezeichnet man Hyperlinks, die von einer externen Webseite auf die eigene Webseite verlinken.</p>



<p>Aus diesem Umstand heraus haben sich dann Anbieter entwickelt, die <strong>Backlinks gegen Entgelt anboten (sog. Linkfarmen)</strong>. So konnten sich Webseitenbetreiber durch den Kauf von entsprechend vielen Links, die Position 1 auf den Suchergebnisliste quasi erkaufen.</p>



<p>Darunter litt natürlich die Qualität der Suchergebnisse der Suchmaschinen, da nicht das Angebot mit dem besten Inhalt auf Position 1 landetet, sondern das Angebot mit den meisten (erkauften) Links. Somit mussten sich die Suchmaschinen weitere Kriterien suchen, mit Hilfe derer man die wahre Qualität der Webseite ermitteln konnte. Backlinks waren daraufhin in ihrer Wichtigkeit für die Bewertung einer Webseite nicht mehr so gewichtig wie zu Beginn.</p>



<p>Dennoch sind Links <strong>auch heute noch ein sehr wichtiges Element für das SEO</strong>. Backlinks sind daher einer der drei wichtigsten Rankingfaktoren! Insbesondere beim sog. Offpage-SEO sind sie das zentrale SEO-Element. Diese Links sollten immer als <strong>Permalink</strong> ausgeführt sein, damit sie dauerhaft das Linkziel kennzeichnen und so dem Ranking der eigenen Webseite zugute kommen.</p>



<p>Bei allen Backlinks zählt heute aber nicht mehr nur die reine Quantität sondern viel mehr die <strong>Qualität der Backlinks</strong>. So hat ein einzelner Backlink einer angesehen Website (z.B. von einer Universität) deutlich mehr Gewicht für das Ranking als viele Backlinks von minderwertigen Websites (z.B. Linkfarmen).</p>



<p>Daneben ist auch auf eine <strong>gute interne Verlinkung</strong> durch Hyperlinks zu achten. Auch diese sind ein wichtiges SEO-Instrument. Dadurch finden sich nicht nur Seitenbesucher besser auf der Website zurecht, sondern auch die Bots und Crawler der Suchmaschinen, um die Webseiten zu indexieren/bewerten. Aber nicht nur durch eine gute interne Verlinkung, sondern auch über die <a href="https://www.conminds.de/robots-txt/" data-type="URL" data-id="https://www.conminds.de/robots-txt/">robots.txt-Anweisungen</a> <strong>kann man die Bots der Suchmaschinen steuern</strong>, indem man bestimmte Webseiten/URLs von der Indexierung ausnehmen kann.</p>



<p>Für alle Hyperlinks sind zudem auch die sog. <a href="https://www.conminds.de/ankertext-anchor-text/" data-type="URL" data-id="https://www.conminds.de/ankertext-anchor-text/"><strong>Ankertexte</strong></a> und die <strong>Link-Attribute</strong> (insbesondere das &#8222;follow&#8220;) ein wichtiges Mittel um die Wertigkeit des Links zu steigern.</p>



<p>Hyperlinks bieten daher viele Ansatzpunkt für eine ganzheitliche SEO-Strategie und sind ein MUSS für die SEO-Optimierung Ihrer Website.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Hyperlinks sind das elementare Mittel zur Navigation im Internet und haben daher auch eine hohe Relevanz für Ihre Website.</p>



<p>Über die Hyperlink-Struktur kann vorgegeben werden, wie sich die Seitenbesucher und die Crawler durch die Website bewegen sollen. Dabei kann ein starrer Weg vorgegeben werden oder dem Seitenbesucher die volle Bewegungsfreiheit gegeben werden.</p>



<p>Zudem sind sie ein elementares Mittel für das Offpage-SEO und gehören in jede gute SEO-Strategie.</p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-text-align-center">FAQ &#8211; Häufig gestellte Fragen &amp; Antworten</h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1680793070452" class="rank-math-list-item">
<h3 class="rank-math-question ">Was sind Hyperlinks?</h3>
<div class="rank-math-answer ">

<p>Hyperlinks sind Verweise von einer Webseite auf eine andere Webseite oder ein anderes elektronisches Dokument, z.B. ein Foto, ein Video oder eine Download-Datei. Hyperlinks sind das elementare Element für die Navigation durch das Internet.</p>

</div>
</div>
<div id="faq-question-1680797258079" class="rank-math-list-item">
<h3 class="rank-math-question ">Sind Links/ Hyperlinks SEO relevant?</h3>
<div class="rank-math-answer ">

<p>Ja, definitiv. In Form von Backlinks gehören sie zu den drei wichtigsten Rakingfaktoren. Aber auch die interne Linkstruktur, die Ankertexte und Link-Attribute sind wichtig für die ganzheitliche SEO-Strategie.</p>

</div>
</div>
<div id="faq-question-1680797672348" class="rank-math-list-item">
<h3 class="rank-math-question ">Welche Arten von Hyperlinks gibt es?</h3>
<div class="rank-math-answer ">

<p>Grundsätzlich unterscheidet man 2 Arten von Hyperlinks, die eingehenden und die ausgehenden. Eingehende Links sind Links, die von einer externe Webseite auf die eigene Webseite verlinken. Diese nennt man auch Backlinks. Ausgehende Links sind Links, die von der eignen Webseite auf eine externe Webseite oder ein anderes elektronisches Dokument verlinken.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/hyperlink/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTML Tags + Übersicht</title>
		<link>https://www.conminds.de/html-tags/</link>
					<comments>https://www.conminds.de/html-tags/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Wed, 05 Apr 2023 14:03:43 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5208</guid>

					<description><![CDATA[Was sind HTML Tags? HTML ist die Abkürzung von &#8222;HyperText Markup Language&#8222;. HTML ist keine richtige Programmiersprache, sondern eine textbasierte Auszeichnungssprache, die insbesondere für Webseiten genutzt wird. Und das Wort &#8222;tag&#8220; wird ins Deutsche mit &#8222;Schild oder Etikett&#8220; übersetzt.Somit handelt es sich bei einem HTML-Tag dem Wort nach um ein &#8222;HTML-Etikett&#8220;. HTML-Tags sind Bestandteil der ... <a title="HTML Tags + Übersicht" class="read-more" href="https://www.conminds.de/html-tags/" aria-label="Mehr Informationen über HTML Tags + Übersicht">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[


<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was sind HTML Tags?</h2>



<p>HTML ist die Abkürzung von &#8222;<strong>HyperText Markup Language</strong>&#8222;. HTML ist keine richtige Programmiersprache, sondern eine <strong>textbasierte Auszeichnungssprache</strong>, die insbesondere für Webseiten genutzt wird. Und das Wort &#8222;tag&#8220; wird ins Deutsche mit &#8222;Schild oder Etikett&#8220; übersetzt.<br>Somit handelt es sich bei einem HTML-Tag dem Wort nach um ein &#8222;HTML-Etikett&#8220;.</p>



<p>HTML-Tags sind <strong>Bestandteil der HTML-Elemente</strong>, in dem sie den <strong>Anfang und das Ende der HTML-Elemente markieren</strong>.</p>



<p>Beispiel eines HTML-Elements mit HTML-Tags:</p>



<pre class="wp-block-code"><code><strong>&lt;h1></strong>Hier wird die Überschrift des Artikels reingeschrieben<strong>&lt;/h1></strong></code></pre>



<p>Mit Hilfe der HTML-Elemente bestimmt man unter anderem folgende Punkte für eine Internetseite:</p>



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



<li>Grundsätzlicher Aufbau</li>



<li>Struktur des Textes</li>



<li>Verwendung von Medien</li>



<li>Erstellung von Formularen</li>



<li>Visuelle Gestaltung</li>
</ul>



<p>Die Gesamtheit der HTML-Elemente wiederum bilden den HTML-Code der Webseite.</p>



<p>Hier ein Beispiel eines einfachen HTML-Dokuments mit verschiedenen HTML-Tags:</p>



<pre class="wp-block-code"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="de"&gt;
&lt;head&gt;
       &lt;title&gt;Titel des Artikels&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
       &lt;h1&gt;Überschrift des Textes&lt;/h1&gt;
       &lt;p&gt;Hier ist der eigentliche Text des Artikels.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt; </code></pre>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie werden HTML-Tags verwendet?</h2>



<p>HTML-Tags sind Teil der HTML-Elemente und folgen grundsätzlich immer der gleichen <strong>Syntax</strong> (Regeln zur Zusammenfügung von Zeichen).</p>



<p>Zuerst wird das Anfangs-Tag eingegeben, gefolgt von dem Gültigkeitsbereich auf den das Tag angewendet werden soll und zum Schluss noch ein End-Tag.</p>



<p>Die Befehle werden immer <strong>von spitzen Klammern &#8222;&lt; &gt;&#8220; eingerahmt</strong>.</p>



<p>So lautet ein <strong>Anfangs-Tag</strong> beispielsweise:</p>



<pre class="wp-block-code"><code>&lt;em&gt;</code></pre>



<p>Ein End-Tag unterscheidet sich immer vom Anfang-Tag durch ein zusätzliches Zeichen, einen <strong>Schrägstrich &#8222;/&#8220;</strong>. Auf diese Weise können Anfangs- und End-Tag immer unterschieden werden.</p>



<p>Ein <strong>End-Tag</strong> lautet daher beispielsweise:</p>



<pre class="wp-block-code"><code>&lt;/em&gt;</code></pre>



<p>Ein <strong>komplettes HTML-Element mit Anfangs- und End-Tag</strong> sieht daher beispielsweise folgendermaßen aus:</p>



<pre class="wp-block-code"><code>&lt;em&gt;Dieser Text wird hervorgehoben&lt;/em&gt;.</code></pre>



<p>Mit Hilfe der HTML-Tags kann dann die Art und der grundsätzliche Aufbau der Webseite definiert werden. So wird beispielsweise der Dokumententyp (z.B. &lt;html>), der Navigationsbereich (&lt;nav>), der Head (&lt;head>), Body (&lt;body>) und Footer-Bereich (&lt;footer>) einer Webseite bestimmt. Mit HTML-Tags können aber auch grundlegende visuelle Gestaltungen des Textes definiert werden, z.B. fette oder kursive Schreibweise, unterstrichene oder durchgestrichene Textpassagen oder die Text-Hintergrundfarbe. Daneben gibt es noch eine Vielzahl weiterer Anwendungen von HTML-Tags.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Liste von HTML Tags</h2>



<p>Im Folgenden finden Sie eine <strong>alphabetisch geordnete Liste von HTML-Tags mit der jeweiligen Funktion</strong>:</p>



<figure class="wp-block-table"><table><tbody><tr><td><strong>HTML-Tag</strong></td><td><strong>Beschreibung</strong></td></tr><tr><td>&lt;!&#8211;&#8230;&#8211;&gt;</td><td>Definiert einen Kommentar.</td></tr><tr><td>&lt;!DOCTYPE&gt;</td><td>Definiert den Dokumenttyp.</td></tr><tr><td>&lt;a&gt;</td><td>Definiert einen Hyperlink.</td></tr><tr><td>&lt;abbr&gt;</td><td>Definiert eine Abkürzung oder ein Akronym.</td></tr><tr><td>&lt;acronym&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen &lt;abbr&gt;. Definiert ein Akronym.</td></tr><tr><td>&lt;address&gt;</td><td>Definiert Kontaktinformationen für den Autor/Eigentümer eines Dokuments.</td></tr><tr><td>&lt;applet&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen &lt;embed&gt; oder &lt;object&gt;. Definiert ein eingebettetes Applet.</td></tr><tr><td>&lt;area&gt;</td><td>Definiert einen Bereich innerhalb einer Imagemap.</td></tr><tr><td>&lt;article&gt;</td><td>Definiert einen Artikel.</td></tr><tr><td>&lt;aside&gt;</td><td>Definiert Inhalte neben dem Seiteninhalt.</td></tr><tr><td>&lt;audio&gt;</td><td>Definiert eingebetteten Soundinhalt.</td></tr><tr><td>&lt;b&gt;</td><td>Definiert fetten Text.</td></tr><tr><td>&lt;base&gt;</td><td>Gibt die Basis-URL/das Ziel für alle relativen URLs in einem Dokument an.</td></tr><tr><td>&lt;basefont&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen CSS. Gibt eine Standardfarbe, -größe und -schriftart für den gesamten Text in einem Dokument an.</td></tr><tr><td>&lt;bdi&gt;</td><td>Isoliert einen Teil des Textes, der möglicherweise in einer anderen Richtung als anderer Text außerhalb formatiert ist.</td></tr><tr><td>&lt;bdo&gt;</td><td>Überschreibt die aktuelle Textrichtung.</td></tr><tr><td>&lt;big&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen CSS. Definiert großen Text.</td></tr><tr><td>&lt;blockquote&gt;</td><td>Definiert einen Abschnitt, der aus einer anderen Quelle zitiert wird.</td></tr><tr><td>&lt;body&gt;</td><td>Definiert den Hauptteil des Dokuments.</td></tr><tr><td>&lt;br&gt;</td><td>Definiert einen einzelnen Zeilenumbruch.</td></tr><tr><td>&lt;button&gt;</td><td>Definiert einen anklickbaren Button.</td></tr><tr><td>&lt;canvas&gt;</td><td>Wird zum schnellen Zeichnen von Grafiken über Skripte (normalerweise JavaScript) verwendet.</td></tr><tr><td>&lt;caption&gt;</td><td>Definiert eine Tabellenüberschrift.</td></tr><tr><td>&lt;center&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen CSS. Definiert zentrierten Text.</td></tr><tr><td>&lt;cite&gt;</td><td>Definiert den Titel eines Werkes.</td></tr><tr><td>&lt;code&gt;</td><td>Definiert ein Stück Computercode.</td></tr><tr><td>&lt;col&gt;</td><td>Gibt Spalteneigenschaften für jede Spalte innerhalb eines &lt;colgroup&gt;-Elements an.</td></tr><tr><td>&lt;colgroup&gt;</td><td>Gibt eine Gruppe von einer oder mehreren Spalten in einer Tabelle zur Formatierung an.</td></tr><tr><td>&lt;data&gt;</td><td>Fügt eine maschinenlesbare Übersetzung eines bestimmten Inhalts hinzu.</td></tr><tr><td>&lt;datalist&gt;</td><td>Gibt eine Liste vordefinierter Optionen für Eingabesteuerelemente an.</td></tr><tr><td>&lt;dd&gt;</td><td>Definiert eine Beschreibung/Wert eines Begriffs in einer Beschreibungsliste.</td></tr><tr><td>&lt;del&gt;</td><td>Definiert Text, der aus einem Dokument gelöscht wurde.</td></tr><tr><td>&lt;details&gt;</td><td>Definiert zusätzliche Details, die der Benutzer anzeigen oder ausblenden kann.</td></tr><tr><td>&lt;dfn&gt;</td><td>Gibt einen Begriff an, der innerhalb des Inhalts definiert werden soll.</td></tr><tr><td>&lt;dialog&gt;</td><td>Definiert ein Dialogfeld oder Fenster.</td></tr><tr><td>&lt;dir&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen &lt;ul&gt;. Definiert eine Verzeichnisliste.</td></tr><tr><td>&lt;div&gt;</td><td>Definiert einen Abschnitt in einem Dokument.</td></tr><tr><td>&lt;dl&gt;</td><td>Definiert eine Beschreibungsliste.</td></tr><tr><td>&lt;dt&gt;</td><td>Definiert einen Begriff/Namen in einer Beschreibungsliste.</td></tr><tr><td>&lt;em&gt;</td><td>Definiert hervorgehobenen Text.</td></tr><tr><td>&lt;embed&gt;</td><td>Definiert einen Container für eine externe Anwendung.</td></tr><tr><td>&lt;fieldset&gt;</td><td>Gruppiert verwandte Elemente in einem Formular.</td></tr><tr><td>&lt;figcaption&gt;</td><td>Definiert eine Beschriftung für ein &lt;figure&gt;-Element.</td></tr><tr><td>&lt;figure&gt;</td><td>Gibt eigenständige Inhalte an.</td></tr><tr><td>&lt;font&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen CSS. Definiert Schriftart, Farbe und Größe für Text.</td></tr><tr><td>&lt;footer&gt;</td><td>Definiert eine Fußzeile für ein Dokument oder einen Abschnitt.</td></tr><tr><td>&lt;form&gt;</td><td>Definiert ein HTML-Formular für Benutzereingaben.</td></tr><tr><td>&lt;frame&gt;</td><td>Wird in HTML5 nicht unterstützt. Definiert ein Fenster (einen Frame) in einem Frameset.</td></tr><tr><td>&lt;frameset&gt;</td><td>Wird in HTML5 nicht unterstützt. Definiert eine Reihe von Frames.</td></tr><tr><td>&lt;h1 bis &lt;h6&gt;</td><td>Definiert HTML-Überschriften.</td></tr><tr><td>&lt;head&gt;</td><td>Enthält Metadaten/Informationen zum Dokument.</td></tr><tr><td>&lt;header&gt;</td><td>Definiert eine Kopfzeile für ein Dokument oder einen Abschnitt.</td></tr><tr><td>&lt;hr&gt;</td><td>Definiert einen thematischen Wechsel des Inhalts.</td></tr><tr><td>&lt;html&gt;</td><td>Definiert den Stamm eines HTML-Dokuments.</td></tr><tr><td>&lt;i&gt;</td><td>Definiert einen Textteil in einer alternativen Stimme oder Stimmung.</td></tr><tr><td>&lt;iframe&gt;</td><td>Definiert einen Inline-Frame.</td></tr><tr><td>&lt;img&gt;</td><td>Definiert ein Bild.</td></tr><tr><td>&lt;input&gt;</td><td>Definiert ein Eingabesteuerelement.</td></tr><tr><td>&lt;ins&gt;</td><td>Definiert einen Text, der in ein Dokument eingefügt wurde.</td></tr><tr><td>&lt;kbd&gt;</td><td>Definiert Tastatureingaben.</td></tr><tr><td>&lt;label&gt;</td><td>Definiert ein Label für ein &lt;input&gt;-Element.</td></tr><tr><td>&lt;legend&gt;</td><td>Definiert eine Beschriftung für ein&lt;fieldset&gt;-Element.</td></tr><tr><td>&lt;li&gt;</td><td>Definiert ein Listenelement.</td></tr><tr><td>&lt;link&gt;</td><td>Definiert die Beziehung zwischen einem Dokument und einer externen Ressource (am häufigsten verwendet, um auf Stylesheets zu verlinken).</td></tr><tr><td>&lt;main&gt;</td><td>Gibt den Hauptinhalt eines Dokuments an.</td></tr><tr><td>&lt;map&gt;</td><td>Definiert eine Imagemap.</td></tr><tr><td>&lt;mark&gt;</td><td>Definiert markierten/hervorgehobenen Text.</td></tr><tr><td>&lt;meta&gt;</td><td>Definiert Metadaten zu einem HTML-Dokument.</td></tr><tr><td>&lt;meter&gt;</td><td>Definiert eine skalare Messung innerhalb eines bekannten Bereichs (ein Messgerät).</td></tr><tr><td>&lt;nav&gt;</td><td>Definiert Navigationslinks.</td></tr><tr><td>&lt;noframes&gt;</td><td>Wird in HTML5 nicht unterstützt. Definiert einen alternativen Inhalt für Benutzer, die Frames nicht unterstützen.</td></tr><tr><td>&lt;noscript&gt;</td><td>Definiert einen alternativen Inhalt für Benutzer, die keine clientseitigen Skripts unterstützen.</td></tr><tr><td>&lt;object&gt;</td><td>Definiert einen Container für eine externe Anwendung.</td></tr><tr><td>&lt;ol&gt;</td><td>Definiert eine geordnete Liste.</td></tr><tr><td>&lt;optgroup&gt;</td><td>Definiert eine Gruppe verwandter Optionen in einer Dropdown-Liste.</td></tr><tr><td>&lt;option&gt;</td><td>Definiert eine Option in einer Dropdown-Liste.</td></tr><tr><td>&lt;output&gt;</td><td>Definiert das Ergebnis einer Berechnung.</td></tr><tr><td>&lt;p&gt;</td><td>Definiert einen Absatz.</td></tr><tr><td>&lt;param&gt;</td><td>Definiert einen Parameter für ein Objekt.</td></tr><tr><td>&lt;picture&gt;</td><td>Definiert einen Container für mehrere Bildressourcen.</td></tr><tr><td>&lt;pre&gt;</td><td>Definiert vorformatierten Text.</td></tr><tr><td>&lt;progress&gt;</td><td>Stellt den Fortschritt einer Aufgabe dar.</td></tr><tr><td>&lt;q&gt;</td><td>Definiert ein kurzes Zitat.</td></tr><tr><td>&lt;rp&gt;</td><td>Definiert, was in Browsern angezeigt werden soll, die Ruby-Anmerkungen nicht unterstützen.</td></tr><tr><td>&lt;rt&gt;</td><td>Definiert eine Erklärung/Aussprache von Zeichen (für ostasiatische Typografie).</td></tr><tr><td>&lt;ruby&gt;</td><td>Definiert eine Ruby-Anmerkung (für ostasiatische Typografie).</td></tr><tr><td>&lt;s&gt;</td><td>Definiert Text, der nicht mehr korrekt ist.</td></tr><tr><td>&lt;samp&gt;</td><td>Definiert Beispielausgaben von einem Computerprogramm.</td></tr><tr><td>&lt;script&gt;</td><td>Definiert ein clientseitiges Skript.</td></tr><tr><td>&lt;section&gt;</td><td>Definiert einen Abschnitt in einem Dokument.</td></tr><tr><td>&lt;select&gt;</td><td>Definiert eine Dropdown-Liste.</td></tr><tr><td>&lt;small&gt;</td><td>Definiert kleineren Text.</td></tr><tr><td>&lt;source&gt;</td><td>Definiert mehrere Medienressourcen für Medienelemente (&lt;video und &lt;audio).</td></tr><tr><td>&lt;span&gt;</td><td>Definiert einen Abschnitt in einem Dokument.</td></tr><tr><td>&lt;strike&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen &lt;del&gt; oder &lt;s&gt;. Definiert durchgestrichenen Text.</td></tr><tr><td>&lt;strong&gt;</td><td>Definiert wichtigen Text.</td></tr><tr><td>&lt;style&gt;</td><td>Definiert Stilinformationen für ein Dokument.</td></tr><tr><td>&lt;sub&gt;</td><td>Definiert tiefgestellten Text.</td></tr><tr><td>&lt;summary&gt;</td><td>Definiert eine sichtbare Überschrift für ein &lt;details&gt;-Element.</td></tr><tr><td>&lt;sup&gt;</td><td>Definiert hochgestellten Text.</td></tr><tr><td>&lt;svg&gt;</td><td>Definiert einen Container für SVG-Grafiken.</td></tr><tr><td>&lt;table&gt;</td><td>Definiert eine Tabelle.</td></tr><tr><td>&lt;tbody&gt;</td><td>Gruppiert den Body-Inhalt in einer Tabelle.</td></tr><tr><td>&lt;td&gt;</td><td>Definiert eine Zelle in einer Tabelle.</td></tr><tr><td>&lt;template&gt;</td><td>Definiert einen Container für Inhalte, die beim Laden der Seite ausgeblendet werden sollen.</td></tr><tr><td>&lt;textarea&gt;</td><td>Definiert ein mehrzeiliges Eingabefeld (Textbereich).</td></tr><tr><td>&lt;tfoot&gt;</td><td>Gruppiert den Inhalt der Fußzeile in einer Tabelle.</td></tr><tr><td>&lt;th&gt;</td><td>Definiert eine Kopfzelle in einer Tabelle.</td></tr><tr><td>&lt;thead&gt;</td><td>Gruppiert den Kopfzeileninhalt in einer Tabelle.</td></tr><tr><td>&lt;time&gt;</td><td>Definiert eine bestimmte Zeit (oder datetime).</td></tr><tr><td>&lt;title&gt;</td><td>Definiert einen Titel für das Dokument.</td></tr><tr><td>&lt;tr&gt;</td><td>Definiert eine Zeile in einer Tabelle.</td></tr><tr><td>&lt;track&gt;</td><td>Definiert Textspuren für Medienelemente (&lt;video&gt; und &lt;audio&gt;).</td></tr><tr><td>&lt;tt&gt;</td><td>Wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen CSS. Definiert Fernschreibtext.</td></tr><tr><td>&lt;u&gt;</td><td>Definiert Text, der nicht artikuliert und anders gestaltet ist als normaler Text.</td></tr><tr><td>&lt;ul&gt;</td><td>Definiert eine ungeordnete Liste.</td></tr><tr><td>&lt;var&gt;</td><td>Definiert eine Variable.</td></tr><tr><td>&lt;video&gt;</td><td>Definiert eingebettete Videoinhalte.</td></tr></tbody></table><figcaption class="wp-element-caption">Eine <a href="https://www.w3schools.com/tags/ref_html_browsersupport.asp" data-type="URL" data-id="https://www.w3schools.com/tags/ref_html_browsersupport.asp" target="_blank" rel="noreferrer noopener">Liste, welche HTML Tags von welchen Browsern unterstützt werden</a>, finden sie bei w3schools.<br></figcaption></figure>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Weiterführende Informationen</h2>



<p>HTML lernen: <a href="https://wiki.selfhtml.org/wiki/HTML" target="_blank" rel="noreferrer noopener">https://wiki.selfhtml.org/wiki/HTML</a></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/html-tags/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTTP / HTTPS</title>
		<link>https://www.conminds.de/http-https/</link>
					<comments>https://www.conminds.de/http-https/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Wed, 05 Apr 2023 10:00:19 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5218</guid>

					<description><![CDATA[Wenn man eine Internetseite mit Hilfe eines Internetbrowsers anfordert, dann bekommt man zwangsläufig etwas mit dem Begriff HTTP oder HTTPS zu tun. Denn der Anfang jeder Domain beginnt mit http:// oder https://, z.B. https://www.conminds.de. Doch was genau steckt hinter diesen Begriffen? Das klären wir in diesem Beitrag. Was bedeutet HTTP? Der Begriff HTTP ist eine ... <a title="HTTP / HTTPS" class="read-more" href="https://www.conminds.de/http-https/" aria-label="Mehr Informationen über HTTP / HTTPS">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[
<p>Wenn man eine Internetseite mit Hilfe eines Internetbrowsers anfordert, dann bekommt man zwangsläufig etwas mit dem Begriff HTTP oder HTTPS zu tun. Denn der Anfang jeder Domain beginnt mit http:// oder https://, z.B. https://www.conminds.de.</p>



<p>Doch was genau steckt hinter diesen Begriffen? Das klären wir in diesem Beitrag.</p>





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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was bedeutet HTTP?</h2>



<p>Der Begriff HTTP ist eine Abkürzung für „<strong>HyperText Transfer Protocol</strong>“. HTTP ist ein <strong>zustandsloses Übertragungsprotokoll</strong> für die <strong>Anwendungsschicht</strong>, mit dessen Hilfe Daten über ein Netzwerk (z.B. das World Wide Web) übertragen werden. Eingeführt wurde es im Jahre 1991.</p>



<p>HTTP wird im Internet für die Übertragung von Webseiten (Hypertext-Dokumente) vom Webserver zum Webbrowser genutzt. Dazu sendet der Client (meist ein Browser) eine Anfrage (Request) an den Webserver. Daraufhin sendet der Webserver eine Antwort (Response) an den Client zurück.</p>



<p>HTTP ist aber nicht nur für die Datenübertragung von Webseiten genutzt, es kann auch als <strong>allgemeines Datenübertragungsprotokoll</strong> genutzt werden.</p>



<p>Die <strong>aktuelle Version</strong> von HTTP ist <strong>HTTP/3</strong>. Diese Version wurde im Juni 2022 unter der <a href="https://httpwg.org/specs/rfc9114.html" data-type="URL" data-id="https://httpwg.org/specs/rfc9114.html" target="_blank" rel="noreferrer noopener">Spezifikation RFC 9114</a> veröffentlicht.</p>



<p>HTTP wird in der <strong>Anwendungsschicht (Schicht 7)</strong> im <strong>OSI-Schichtenmodell</strong> genutzt.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1000" height="376" src="https://www.conminds.de/wp-content/uploads/2023/04/http-in-Schicht-7-OSI-Schichtenmodell.webp" alt="http in Schicht 7 OSI-Schichtenmodell" class="wp-image-6105" title="HTTP / HTTPS 18" srcset="https://www.conminds.de/wp-content/uploads/2023/04/http-in-Schicht-7-OSI-Schichtenmodell.webp 1000w, https://www.conminds.de/wp-content/uploads/2023/04/http-in-Schicht-7-OSI-Schichtenmodell-300x113.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/http-in-Schicht-7-OSI-Schichtenmodell-768x289.webp 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption">OSI-Schichtenmodell</figcaption></figure></div>


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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was ist der Unterschied zwischen HTTP und HTTPS?</h2>



<p>Von HTTPS spricht man, wenn eine Verschlüsselung der übertragenen Daten stattfindet. Das „<strong>S</strong>“ hinter „HTTP“ steht daher für „<strong>Secure</strong>“ und HTTPS folglich für &#8222;HyperText Transfer Protocol Secure&#8220;, zu Deutsch &#8222;Sicheres Hypertext Übertragungsprotokoll&#8220;.</p>



<p>HTTPS ist eine <strong>auf HTTP aufbauender Standard</strong>, der neben der Übertragung der Daten auch für eine Verschlüsselung der übertragenen Daten sorgt. Dies geschieht allerdings neben TCP auf der Transportebene, nicht der Anwendungsebene. HTTPS wurde von Netscape entwickelt und 1994 zusammen mit SSL 1.0 veröffentlicht.</p>



<p>HTTPS ist mittlerweile der <strong>Standard bei der Übertragung von Webseiten</strong>.</p>



<p>Die sichere Übertragung der Daten wird durch eine <strong>Authentifizierung und Verschlüsselung der Daten</strong> auf Transportebene gewährleistet. Dies ist besonders wichtig für offene WLANs, in denen die Daten unverschlüsselt übertragen. Auf diese Weise können dann die Daten dennoch, unabhängig vom Übertragungsnetz, verschlüsselt übertragen werden.</p>



<p>Viele Webhoster bieten in Ihren Hosting-Paketen auch direkt ein <strong>SSL-Zertifikat</strong> an. Meist handelt es sich dabei um die kostenlosen &#8222;<strong>Let`s Encrypt</strong>&#8222;-Zertifikate. Wird dieses für die entsprechende Domain aktiviert, erfolgt die Datenübertragung verschlüsselt und die Website-URL lautete dann &#8222;<strong>https://</strong>www.ihredomain.de&#8220;.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie ist http aufgebaut?</h2>



<p>Über HTTP werden Datenpakete übertragen. Diese <strong>Datenpakete nennt man Nachrichten</strong>.</p>



<p>Es gibt <strong>2 Arten von Nachrichten</strong>:</p>



<ul class="wp-block-list">
<li>die <strong>Anfrage (Request)</strong></li>



<li>die <strong>Antwort (Response)</strong></li>
</ul>



<p>Die Anfrage ist die Nachricht, die vom <strong>Client</strong> (meist ein Browser) an den Server gestellt wird.<br>Die Antwort ist die Nachricht, die vom <strong>Server</strong> zurück an den Client gesendet wird.</p>



<p>Jede <strong>Nachricht besteht dabei aus 2 Teilen</strong>:</p>



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



<li><strong>Body</strong></li>
</ol>



<p>Der Header (auch http-Header genannt) beinhaltet Informationen wie Inhaltstyp, Sprache, Kodierungen, User Agent, Cache, letzte Modifikation, etc.<br>Der Body enthält die eigentlichen Inhalte, die Daten, z.B. einer Webseite.</p>



<p>Damit die Übertragung per HTTP auch gezielt zwischen den verschiedenen Rechnern gesteuert werden kann, wird ein <strong>Übertragungssteuerungsprotokoll</strong> benötigt. Dazu nutzt man das <strong>Transmission Control Protocol</strong>, kurz <strong>TCP</strong>.</p>



<p>Das TCP wird auf der <strong>Schicht 4</strong>, der <strong>Transportschicht (Transport Layer)</strong>, nach dem <strong>OSI-Modell (Open Systems Interconnection)</strong> verortet.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie funktioniert HTTP?</h2>



<p>Wenn man eine Webseiten-URL in den Browser eingibt und diese anfordert, dann wird zuerst eine <strong>Netzwerkverbindung hergestellt</strong>.</p>



<p>Ist diese Verbindung erfolgreich aufgebaut, dann erfolgt eine <strong>Verbindung zum DNS-Server</strong>, bei dem die Domain in eine IP-Adresse aufgelöst wird.</p>



<p>Anschließend erfolgt der <strong>Aufbau einer TCP-Verbindung</strong> mit dem Server mit der entsprechenden IP-Adresse.</p>



<p>Ist auch diese erfolgreich hergestellt, so wird ein <strong>HTTP-Request an den Server gesendet</strong>.</p>



<p>Auf die Anfrage erhält der Browser dann eine <strong>HTTP-Antwort (Response)</strong>.</p>



<p>In der Antwort ist auch ein <strong>HTTP-Statuscode</strong> enthalten.Wenn alles erfolgreich übertragen werden kann, lautet der Statuscode 200 OK.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Können die über HTTP übertragenen Daten mitgelesen werden?</h2>



<p>Daten, die in einem Netzwerk mit Hilfe des Datenübertragungsprotokolls HTTP übertragen werden, können <strong>bis zur Versionsnummer HTTP/2</strong> grundsätzlich auf allen im Netzwerk befindlichen Computern und Routern, über die diese Daten übertragen werden, <strong>als Klartext mitgelesen werden</strong>. </p>



<p>Will man dies verhindern so muss man auf eine verschlüsselte Übertragung der Daten per HTTPS umstellen.</p>



<p>Erst <strong>ab HTTP-Version 3 wird eine Verschlüsselung der Daten per Transport Layer Security (TLS) erzwungen</strong>.</p>



<p>Allerdings <strong>können noch nicht alle modernen Browser auch HTTP/3 verarbeiten</strong>. Welche Browser fies können und welche nicht, findet sich in dieser <a href="https://caniuse.com/?search=http" data-type="URL" data-id="https://caniuse.com/?search=http" target="_blank" rel="noreferrer noopener">Übersicht</a>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">HTTP-Standardisierung</h2>



<p>http wurde und wird weiterhin von der Internet <strong>Engineering Task Force (IETF)</strong> https://www.ietf.org/ und der <strong>Internet Assigned Numbers Authority (IANA)</strong> https://www.iana.org/ standardisiert.</p>



<p>Die HTTP-Spezifikationen, Statuscodes und weiteres finden sie <a href="https://httpwg.org/specs/" target="_blank" data-type="URL" data-id="https://httpwg.org/specs/" rel="noreferrer noopener">hier</a>.  </p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Das HyperText Transfer Protocol http wird genutzt, um Hypertext-Webseiten zwischen Server und Client (z.B. einem Browser) zu übertragen. Es ist das Standard-Protokoll für die Übertragung von Webseiten im Internet.</p>



<p>Um die Verschlüsselung der Daten zu erreichen, benötigen Sie aber zusätzlich noch ein Verschlüsselungsprotokoll auf der Transport Layer (TLS). Dies geschieht meist mit einem SSL-Zertifikat, welches viele Hosting-Anbieter in ihren Hosting-Paketen mit anbieten.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/http-https/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Kookkurrenz</title>
		<link>https://www.conminds.de/kookkurrenz/</link>
					<comments>https://www.conminds.de/kookkurrenz/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Tue, 04 Apr 2023 16:12:08 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5292</guid>

					<description><![CDATA[Die Suchmaschinen sind über die Zeit immer intelligenter geworden. Neben dem Focus-Keyword und weiteren Unter-Keywords steht die Erfassung des gesamten Text-Inhalts immer mehr im Fokus. Daher ist mittlerweile das semantische Umfeld der Keywords ebenso wichtig geworden, somit auch die Kookkurrenzen. Doch was ist dies genau und wie wendet man diese an? Erfahren Sie es in ... <a title="Kookkurrenz" class="read-more" href="https://www.conminds.de/kookkurrenz/" aria-label="Mehr Informationen über Kookkurrenz">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[
<p>Die Suchmaschinen sind über die Zeit immer intelligenter geworden. Neben dem Focus-Keyword und weiteren Unter-Keywords steht die Erfassung des gesamten Text-Inhalts immer mehr im Fokus.</p>



<p>Daher ist mittlerweile das semantische Umfeld der Keywords ebenso wichtig geworden, somit auch die Kookkurrenzen.</p>



<p>Doch was ist dies genau und wie wendet man diese an? Erfahren Sie es in diesem Beitrag.</p>





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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Definition von Kookkurrenz</h2>



<p>Um das Wort &#8222;Kookkurrenz&#8220; zu definieren, schaut man sich am Besten mal die Herkunft des Wortes an. Das Wort „Kookkurrenz“ entstammt dem Lateinischen „<strong>cooccurrere</strong>“ und bedeutet so viel wie „<strong>zusammen begegnen</strong>“. Es wird auch <strong>synonym mit „Konkomitanz“ verwendet</strong>.</p>



<p>Kookkurrenz bedeutet nach der Definition in der Sprachwissenschaft (<strong>Linguistik</strong>), das <strong>vermehrte Auftreten zweier sprachlicher Einheiten</strong>, z.B. zweier Wörter, in einer übergeordneten Einheit. Eine übergeordnete Einheit kann ein Satz, ein Abschnitt oder ein umfangreicher Text sein.</p>



<p>Man geht davon aus, dass eine <strong>Abhängigkeit voneinander</strong> gegeben ist, wenn z.B. <strong>Worte auffällig häufig gemeinsam vorzufinden sind</strong>. Nicht erforderlich ist, dass die Worte unbedingt aufeinander folgen müssen. Es können auch einige Worte zwischen den beiden relevanten Worten liegen.</p>



<p>Werden zwei Worte in einem einheitlichen Textdokument überdurchschnittlich oft gemeinsam verwendet, so liegt eine Kookkurrenz dieser beiden Worte vor.</p>



<p>Zusammengefasst in eine Definition lautet es dann folgendermaßen:</p>



<p><strong>Mehrere Wörter eines Textes treten signifikant häufiger zusammen auf, als es ihre kombinierte individuelle Auftretenshäufigkeit erwarten ließe</strong>.</p>



<p>Die Häufigkeit der gemeinsamen Nutzung beider Worte wird dabei durch <strong>statistische Methoden</strong> ermittelt.</p>



<p>Neben dem Bereich der Informationsrückgewinnung sind weitere mögliche Anwendungen die bessere Informationsextraktion und das bessere Verfahren für das Clustern und Kategorisieren von Dokumenten (z.B. nach Sprache, Thema, Autor, Genre).</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Warum ist Kookkurrenz wichtig?</h2>



<p>Mit Hilfe von Kookkurrenzen können Sie <strong>optimierte Texte für Seitenbesucher und Suchmaschinen</strong> schreiben.</p>



<p>Denn wenn man die Kookkurrenzen zu einem bestimmten Begriff nutzt, wird man eine <strong>Thematik umfassend behandeln</strong> und so meist auch alle Fragen des Lesers beantworten.</p>



<p>Und auch Suchmaschinen kennen die um den Begriff (insbesondere des Focus-Keywords) umgebenden Kookkurrenzen. Beinhaltet ein Text besonders viele der Kookkurrenzen des entsprechenden Themenkomplexes, so <strong>stuft die Suchmaschinen diesen Text als umfassend für die Thematik ein</strong>. Und ein umfassender Text wird auch ein gutes Ranking mit sich bringen.</p>



<p>Kookkurrenzen sind daher <strong>SEO-relevant</strong> im Rahmen der <strong>Onpage-Optimierung</strong> einer Webseite.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Unterschied Kookkurrenz und Kollokation</h2>



<p>Kookkurrenz und Kollokation sind <strong>keine Synonyme zueinander</strong>. Der Unterschied zwischen Kookkurrenz und Kollokation ist nicht trivial und soll daher durch folgende Begriffsbestimmungen konkretisiert werden.</p>



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Kookkurrenz</h3>



<p>Die Kookkurrenz haben wir bereits folgendermaßen definiert:</p>



<p>Mehrere Wörter eines Textes treten signifikant häufiger zusammen auf, als es ihre kombinierte individuelle Auftretenshäufigkeit erwarten ließe.</p>



<p>Die Abhängigkeiten der Worte untereinander können sowohl <strong>grammatikalische als auch semantische Gründe</strong> haben. Das gemeinsame Auftreten der beiden Wörter ist dabei <strong>kennzeichnend für das Thema des Textes</strong>.</p>



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Kollokation</h3>



<p>Wann genau eine Kollokation vorliegt, ist schwer zu bestimmen, da der Begriff ohne eine eindeutige Definition eingeführt wurde.</p>



<p>Die <strong>Grunddefinition</strong> bei Einführung des Begriffs lautete:<br>&#8222;Kollokationen sind häufig auftretende Wortverbindungen, die für einen bestimmten Ausschnitt von Sprache typisch sind.&#8220;</p>



<p>Wie dabei die Begriffe &#8222;häufig&#8220; und &#8222;typisch&#8220; auszulegen sind, blieb jedoch ohne Erklärung.</p>



<p>Folge dessen haben sich eine Vielzahl von weiteren Definitionen entwickelt, z.B.:</p>



<ul class="wp-block-list">
<li>Eine Kollokation ist eine wiederkehrende Kombination von Wörtern, die zufällig häufiger als erwartet zusammen vorkommen und die willkürlichen Wortverwendungen entsprechen.</li>



<li>Eine Kollokation ist ein Ausdruck, der aus zwei oder mehr Wörtern besteht, die einer konventionellen Ausdrucksweise entsprechen. Die Wörter zusammen können mehr als ihre Summe bedeuten.</li>



<li>Eine Folge von zwei oder mehr aufeinanderfolgenden Wörtern, die Merkmale einer syntaktischen und semantischen Einheit aufweist und deren genaue und eindeutige Bedeutung oder Konnotation nicht aus der Bedeutung oder Konnotation ihrer Bestandteile abgeleitet werden kann.</li>
</ul>



<p>Aus diesen verschiedenen Meinungen haben sich zwei dominierende Meinungen der <a href="https://de.wikipedia.org/wiki/Korpuslinguistik" target="_blank" data-type="URL" data-id="https://de.wikipedia.org/wiki/Korpuslinguistik" rel="noreferrer noopener">Korpuslinguistik</a> entwickelt:</p>



<p>Nach der &#8222;<strong>empirischen Kollokation</strong>“ sind Kollokationen Paare von Worteinheiten, die innerhalb einer bestimmten Distanz zueinander kookkurrieren und eine statistisch feststellbare Bindung zueinander aufweisen.</p>



<p>Nach der &#8222;<strong>theoretische Kollokation</strong>&#8222;, die den Begriff enger fasst, handelt es sich um lexikalische Einheiten, die z. B. in einer syntaktischen Beziehung zueinander stehen oder deren gemeinsame Bedeutung nicht dem Kompositionalitätsprinzip folgt, also opak ist. Als Kollokation bezeichnet man danach insbesondere Verbindungen von verschiedenen Wortarten, z.B. Verb-Substantiv, Adjektiv-Substantiv, die häufig gemeinsam auftreten.</p>



<p><strong>Beispielsätze</strong>:</p>



<ol class="wp-block-list">
<li>Äußerungen wie „Die Katze miaut“, „Die Katze schnurrt“ enthalten jeweils eine Kollokation von „Katze“ und dem jeweiligen Verb.</li>



<li>Ähnliche Kollokationen bestehen zwischen „Hund“ und „bellen“, „Haar“ und „blond“.</li>
</ol>



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



<p>Der <strong>Unterschied</strong> zwischen der Kookkurrenz und der Kollokation liegt daher vor allem in der, bei der Kookkurrenz erforderlichen <strong>thematisch bezogenen, signifikant höheren Auftretenshäufigkeit der kombinierten Wörter</strong> als bei der Kollokation.</p>



<p>Somit kann festgehalten werden: Eine <strong>Kollokation ist immer auch eine Kookkurrenz</strong>. ABER eine <strong>Kookkurrenz ist nicht immer eine Kollokation</strong>.</p>



<p>Daher gilt: <strong>Kookurrenz ≠ Kollokation</strong></p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Typen von Kookkurrenzen</h2>



<p>Man kann die Kookurrenzen zudem noch in verschiedene Typen, je nach ihren Positionen zueinander, unterteilen:</p>



<ul class="wp-block-list">
<li><strong>Nachbarschaftskookkurrenz</strong>: Kookkurrierende Worte befinden sich unmittelbar nebeneinander.</li>



<li><strong>Satzkookurrenz</strong>: Kookkurrierende Worte befinden sich innerhalb des gleichen Satzes.</li>



<li><strong>Absatzkookurrenz</strong>: Kookkurrierende Worte befinden sich innerhalb des gleichen Absatzes.</li>



<li><strong>Dokumentenkookurrenz</strong>: Kookkurrierende Worte befinden sich innerhalb des gleichen Dokuments.</li>
</ul>



<p>Je weiter die kookkurrierenden Worte voneinander entfernt sind, desto schwieriger wird allerdings die Erkennbarkeit ihres Zusammenhangs.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Beispiele für Kookkurrenz</h2>



<p>Um das Verständnis von Kookkurrenzen zu steigern, zeigen wir hier ein paar Beispiele für Kookkurrenzen.</p>



<p>Eine Sonderform der Kookkurrenzen sind die <strong>festen Kookkurrenzen</strong> von Redewendungen:</p>



<ul class="wp-block-list">
<li>läuft wie geschmiert</li>



<li>ein Brett vor dem Kopf haben</li>



<li>kein Blatt vor den Mund nehmen</li>



<li>auf die lange Bank geschoben</li>



<li>verstehe nur Bahnhof</li>
</ul>



<p>Für weitere Beispiele empfehlen wir die sehr <a href="https://de.wikipedia.org/wiki/Liste_deutscher_Redewendungen" data-type="URL" data-id="https://de.wikipedia.org/wiki/Liste_deutscher_Redewendungen" target="_blank" rel="noreferrer noopener">ausführliche Liste von deutschen Redewendungen</a> bei Wikipedia.</p>



<p>Daneben gibt es die &#8222;normalen&#8220; Kookkurrenzen:</p>



<p>So kookkurriert z.B. das Wort &#8222;Medizin&#8220; häufig mit folgenden Worten:</p>



<p>Nachbarschaftskookkurrenz:</p>



<ul class="wp-block-list">
<li>moderne (Medizin)</li>



<li>traditionelle (Medizin)</li>



<li>sanften (Medizin)</li>



<li>innere (Medizin)</li>



<li>studiert (Medizin)</li>



<li>Nobelpreis (Medizin)</li>



<li>Lachen ist die beste (Medizin)</li>



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



<p>Satz-, Absatz- oder Dokumentenkookkurrenz:</p>



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



<li>Hygiene</li>



<li>Diagnostik</li>



<li>Errungenschaften</li>



<li>Universität</li>



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



<p>Alle Begriffe stehen somit in einem thematischen Bezug zu dem Thema des Begriffs, z.B. Medizin. Je höher der Kookkurrenz-Wert, desto häufiger tauchen die entsprechenden kookurrierenden Begriffe zusammen auf.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie gelangt man an Kookkurrenzen?</h2>



<p>Eine einfache und kostenlose Möglichkeit an Kookkurrenzen zu gelangen, ist mit Hilfe von Google selbst. Wie das?</p>



<p>Ganz einfach, durch die <strong>Auto-Suggest-Funktion von Google</strong>.</p>



<p>Dazu gibt man das relevante Wort, z.B. ein Keyword für einen Text in das Such-<strong>Eingabefeld der Suchmaschine Google</strong> ein. Google aktualisiert mit jeder weiteren Zeicheneingabe (sogar bei Leerzeichen) die vorgeschlagenen Kookkurrenzen.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="622" height="602" src="https://www.conminds.de/wp-content/uploads/2023/04/Google-Auto-Suggest-Funktion-Beispiel.jpg" alt="Google Auto Suggest Funktion Beispiel" class="wp-image-5850" title="Kookkurrenz 19" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Google-Auto-Suggest-Funktion-Beispiel.jpg 622w, https://www.conminds.de/wp-content/uploads/2023/04/Google-Auto-Suggest-Funktion-Beispiel-300x290.jpg 300w" sizes="(max-width: 622px) 100vw, 622px" /><figcaption class="wp-element-caption">Beispiel für die Google Auto Suggest Funktion</figcaption></figure></div>


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



<p>Jedoch ist nicht jede von Auto-Suggest vorgeschlagene Kookkurrenz sinnvoll. Denn hier werden <strong>nur die Kookkurrenzen vorgeschlagen, die von Nutzern der Suchmaschine so eingegeben wurden</strong>. Daher gilt es hier, die Ergebnisse zwischen relevant und irrelevant für den eigene Text auszusortieren.</p>



<p>Und indem man die vorgeschlagenen Kookkurrenzen von Google nimmt, hat man noch einen weiteren Vorteil. Denn wenn man die von Google als relevant vorgeschlagenen Kookkurrenzen in den eigenen Text verwendet, wird dieser Text auch von Google als relevant für das betreffende Thema eingestuft. Und dies wiederum wird für ein gutes Ranking helfen.</p>



<p>Wenn Sie weitere Kookkurrenzen benötigen, können Sie diese kostenlos durch die <a href="https://corpora.ids-mannheim.de/ccdb/" data-type="URL" data-id="https://corpora.ids-mannheim.de/ccdb/" target="_blank" rel="noreferrer noopener">Kookkurrenzdatenbank</a> des Leibniz Institut für Deutsche Sprache erhalten.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Welche Kookkurrenzen sind relevant?</h2>



<p>Bei Kookkurrenzen gilt: <strong>Nicht jede Kookkurrenz ist auch relevant!</strong></p>



<p>Denn <strong>manche Begriffe können auch mehrere Bedeutungen haben</strong> oder werden in einem anderen Bezug genutzt. Diese mehrdeutigen Begriffe haben auch <strong>thematisch unterschiedliche Kookkurrenzen</strong> zur Folge.</p>



<p><strong>Beispiele für mehrdeutige Begriffe</strong>, die Kookkurrenzen für verschiedene Themen verursachen:</p>



<ul class="wp-block-list">
<li>Hering = Fisch, Zelt-Abspanner, dünner Mensch (ugs.)</li>



<li>Läufer = laufender Mensch, Schachfigur, Teil eines Generators, Teppichart, und weitere Bedeutungen</li>
</ul>



<p>So schlägt auch Google in der Auto-Suggest-Funktion beim Wort „Läufer“ Kookkurrenzen zu verschiedenen Themen vor:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="496" height="486" src="https://www.conminds.de/wp-content/uploads/2023/04/Google-Auto-Suggest-Funktion-Beispiel-Laeufer.webp" alt="Google Auto Suggest Funktion Beispiel Laeufer" class="wp-image-5861" title="Kookkurrenz 20" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Google-Auto-Suggest-Funktion-Beispiel-Laeufer.webp 496w, https://www.conminds.de/wp-content/uploads/2023/04/Google-Auto-Suggest-Funktion-Beispiel-Laeufer-300x294.webp 300w" sizes="(max-width: 496px) 100vw, 496px" /><figcaption class="wp-element-caption">Kookkurrenzen für das Wort &#8222;Läufer&#8220; &#8211; Google Auto Suggest</figcaption></figure></div>


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



<p>Benötigt man die Kookkurrenzen für ein <strong>bestimmtes Thema</strong>, muss man daher immer die Kookkurrenzen auf Relevanz für das eigene Thema sortieren.</p>



<p>Welche Bedeutungen ein Begriff haben kann, lässt sich schnell mit Online-Tools wie <a href="https://de.wiktionary.org/wiki/Wiktionary:Hauptseite" data-type="URL" data-id="https://de.wiktionary.org/wiki/Wiktionary:Hauptseite" target="_blank" rel="noreferrer noopener">Wiktionary</a> herausfinden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was ist eine Kookkurrenz Matrix?</h2>



<p>Die Kookkurrenz Matrix, auch Co-occurrence Matrix genannt, stellt die Auftretenshäufigkeit eines Wortes mit anderen Begriffen in Beziehung.</p>



<p>Im folgenden Beispiel sehen sie einen Ausschnitt aus einer Kookkurrenz-Matrix des Wortes &#8222;verlinken&#8220;.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="764" height="1024" src="https://www.conminds.de/wp-content/uploads/2023/04/Kookkurrenz-Matrix-764x1024.webp" alt="Kookkurrenz Matrix" class="wp-image-6004" title="Kookkurrenz 21" srcset="https://www.conminds.de/wp-content/uploads/2023/04/Kookkurrenz-Matrix-764x1024.webp 764w, https://www.conminds.de/wp-content/uploads/2023/04/Kookkurrenz-Matrix-224x300.webp 224w, https://www.conminds.de/wp-content/uploads/2023/04/Kookkurrenz-Matrix-768x1029.webp 768w, https://www.conminds.de/wp-content/uploads/2023/04/Kookkurrenz-Matrix.webp 800w" sizes="(max-width: 764px) 100vw, 764px" /><figcaption class="wp-element-caption">Beispiel einer Kookkurrenz Matrix</figcaption></figure></div>


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



<p>Durch diese Matrix wird sichtbar, mit welchen anderen Worten der <strong>Begriff besonders häufig kookkurriert</strong> (siehe Prozentzahl). Daneben sind ebenfalls die <strong>Themengebiete erkennbar</strong>, in denen der Begriff verwendet wird.</p>



<p>Auffällig ist im obigen Beispiel, das der neudeutsche Begriff &#8222;verlinken&#8220; auch nur im Themenkomplex rund um das Internet genutzt wird. Allgemeinere Begriffe haben dagegen ein breiteres Themenspektrum in ihrer Ergebnisliste.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Kookkurrenz und SEO</h2>



<p>Die <strong>Kookkurrenz von genutzten Keywords</strong> ist wichtig für das SEO. Diese Kookkurrenzen signalisieren, dass das behandelte Thema im Text umfassend abgehandelt wird.</p>



<p>Insbesondere die Wörter, die <strong>Google AutoSuggest</strong> zu den jeweiligen Keywords ergänzt sind wichtig. Diese sollten <strong>nach der Themenrelevanz sortiert</strong> werden und dann in den Text integriert werden.</p>



<p>Und die Wörter, die zusammen mit dem Keyword eine Kookkurrenz bilden, sollten dann öfters im Text zu finden sein. Im Beispiel des Wortes „Kookkurrenz“ schlägt Google Auto-Suggest z.B. die Wörter „Definition“, „Synonym“, „Beispiel“, „Kollokation Unterschied“ und „Matrix“ vor. Unter anderem diese Worte sollten dann am besten mehrmals in einem Text über die Kookkurrenz auftauchen.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Kookkurrenz ist weiterhin ein wichtiges Thema im Bereich Onpage-SEO und kann gut zur Erstellung neuer oder Überarbeitung bestehender Texte genutzt werden.</p>



<p>Über die Kookkurrenz können Sie einen Text auf die &#8222;thematische Vollständigkeit&#8220; hin überprüfen oder neue, von Ihnen bisher ungenutzte Begriffe ermitteln.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Weiterführende Informationen:</h2>



<p>Kookkurrenz und Kollokation (Uni Zürich): <a href="https://files.ifi.uzh.ch/cl/hess/le" target="_blank" rel="noreferrer noopener">https://files.ifi.uzh.ch/cl/hess/le</a></p>



<p>Kollokationen, n-Gramme, Mehrworteinheiten (Uni Zürich): <a href="https://www.zora.uzh.ch/id/eprint/139877/1/9783110296310-004.pdf" target="_blank" rel="noreferrer noopener">https://www.zora.uzh.ch/id/eprint/139877/1/9783110296310-004.pdf</a></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-text-align-center">FAQ &#8211; Häufig gestellte Fragen &amp; Antworten</h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1680449713036" class="rank-math-list-item">
<h3 class="rank-math-question ">Was ist Kookkurrenz?</h3>
<div class="rank-math-answer ">

<p>Kookkurrenz beschreibt das vermehrte Auftreten zweier Worte in einem Satz, Absatz oder Text. Diese Worte tauchen somit deutlich häufiger zusammen auf, als man nach ihrer alleinigen Auftretenswahrscheinlichkeit erwarten würde. Kookkurrenz wird genutzt, um die thematische Vollständigkeit eines Themas rund um einen Begriff bestimmen zu können.</p>

</div>
</div>
<div id="faq-question-1680624238104" class="rank-math-list-item">
<h3 class="rank-math-question ">Wofür verwendet man Kookkurrenz?</h3>
<div class="rank-math-answer ">

<p>Kookkurrenz wird zur Analyse von Texten genutzt. Im Rahmen von Webseiten und SEO wird es genutzt, um die thematische Relevanz und Vollständigkeit eines Artikels bestimmen zu können. Neben weiteren Methoden der Bewertung eines Textes ist die Kookkurrenz eine immer noch wichtige Methode zur Optimierung von Texten.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/kookkurrenz/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Permalink</title>
		<link>https://www.conminds.de/permalink/</link>
					<comments>https://www.conminds.de/permalink/#respond</comments>
		
		<dc:creator><![CDATA[M. Buschorn]]></dc:creator>
		<pubDate>Mon, 03 Apr 2023 19:46:18 +0000</pubDate>
				<category><![CDATA[Lexikon]]></category>
		<guid isPermaLink="false">https://www.conminds.de/?p=5351</guid>

					<description><![CDATA[Wenn man eine Website erstellt, wird man irgendwann über den Punkt Permalink stolpern. Doch was genau ist ein Permalink? Und wie kann man diesen definieren? Dies und weiteres klärt dieser Artikel. Was ist ein Permalink? Was ein Permalink ist, kann sehr schön aus dem Wort selbst hergeleitet werden. Denn das Wort Permalink ist ein Kofferwort, ... <a title="Permalink" class="read-more" href="https://www.conminds.de/permalink/" aria-label="Mehr Informationen über Permalink">Weiterlesen ...</a>]]></description>
										<content:encoded><![CDATA[
<p>Wenn man eine Website erstellt, wird man irgendwann über den Punkt Permalink stolpern. Doch was genau ist ein Permalink? Und wie kann man diesen definieren? Dies und weiteres klärt dieser Artikel.</p>





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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was ist ein Permalink?</h2>



<p>Was ein Permalink ist, kann sehr schön aus dem Wort selbst hergeleitet werden. Denn das Wort Permalink ist ein Kofferwort, dass sich aus den Worten „Permanent“ und „Link / Hyperlink“ zusammensetzt. Ein Permalink bezeichnet somit einen „<strong>permanenten Link</strong>“, eine dauerhafte und gleichbleibende Verlinkung zu einer bestimmten <strong>URL</strong>. Durch einen Permalink kann eine Webseite im Internet dauerhaft referenziert werden.</p>



<p>Permalinks bilden das Rückgrat des Internets. Durch sie wird erst eine <strong>Navigation</strong> durch die eigene Website, aber auch durch das gesamte Internet möglich. In den Anfangszeiten des Internets waren Links die einzige Möglichkeit der Navigation durch das World Wide Web (www). Aber auch heute, in Zeiten der Suchmaschinen, ist die Verlinkung von Internetseiten immer noch ein sehr essenzielles Instrument für die Funktion des Internets. Und ohne Permalinks könnten Suchmaschinen auch keine Webseiten indexieren und als Ergebnis in den Suchergebnislisten anzeigen.</p>



<p>Daneben lassen sich Permalinks leicht als <strong>Favorit / Lesezeichen</strong> in einem Browser abspeichern oder <strong>per Social Media teilen</strong>.</p>



<p>Und eine gute Permalink-Struktur ist zudem noch ein <strong>wichtiges Mittel für das SEO</strong>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie entsteht ein Permalink?</h2>



<p>Ein Permalink wird bei der Nutzung eines Content Management- oder Online-Shop-Systems automatisch generiert, wenn eine neue Webseite angelegt und gespeichert wird. Dabei wird die URL automatisch nach der voreingestellten globalen Einstellung des CMS- oder Shop-Systems definiert.</p>



<p>Bei <strong>WordPress</strong> wird die URL <strong>automatisch aus dem Titel/H1-Überschrift der Webseite erzeugt</strong>.</p>



<p>Dieser Permalink kann aber problemlos wieder <strong>abgeändert werden</strong>. Dazu muss lediglich auf der rechten Seite im WordPress Backend unter dem Punkt &#8222;Beitrag&#8220; auf die URL geklickt werden, um das folgende Fenster zu öffnen:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="286" height="233" src="https://www.conminds.de/wp-content/uploads/2023/04/Permalink-Einstellung-in-WordPress.webp" alt="Permalink Einstellung in WordPress" class="wp-image-5749" title="Permalink 22"><figcaption class="wp-element-caption">Permalink Einstellung in WordPress</figcaption></figure></div>


<p>Hier kann nun der Permalink abgeändert werden, indem einfach der neue Begriff eingegeben wird.</p>



<p>Ist der Permalink erstellt, lässt sich die Webseite <strong>unter der entsprechenden URL aufrufen</strong>.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Unterschied zwischen Permalink und dynamischem Link</h2>



<p>Ein Permalink unterscheidet sich insbesondere in einem Punkt von einem dynamischen Link, der Beständigkeit.</p>



<p>Ein <strong>Permalink</strong> ist eine <strong>URL, die dauerhaft bestehen bleibt</strong>. Bei einem Permalink ändert sich die URL nicht automatisch, wenn der Inhalt verändert wird. Sie <strong>ändert sich nur, wenn der Webmaster aktiv diese Änderung herbeiführt</strong>.</p>



<p>Dies hat den Vorteil, dass man einen Artikel auch updaten kann, ohne dass sich die URL des Artikels ändert und er nur noch unter der aktualisierten URL aufgerufen werden kann.</p>



<p>Der <strong>dynamische Link</strong> ist eine <strong>URL, die sich bei jedem Aufruf der Webseite selbst generiert</strong>. Sie kann daher bei jedem Aufruf der Webseite anders aussehen. Dies ist insbesondere der Fall bei gefilterten Produkt-Seiten oder Warenkörben in einem Online-Shop. Durch jede Änderung im Warenkorb oder in den Produkt-Filtern wird folglich eine neue URL generiert.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Mögliche Permalink-Strukturen</h2>



<p>Für die Definition der Permalink-Struktur können verschiedene <strong>Identifikatoren (Kennzeichen)</strong> herangezogen werden, so z.B.:</p>



<ul class="wp-block-list">
<li>Einfache <strong>ID-Kennziffer</strong>, z.B. „https://www.domainname.de/?p=278“</li>



<li><strong>Durchnummerierung</strong> (Numerisch), z.B. „https://www.domainname.de/archive/148“</li>



<li><strong>Datum und Name</strong>, z.B. „https://www.domainname.de/2023/02/10/beitragsname“</li>



<li><strong>Monat und Name</strong>, z.B. „https://www.domainname.de/2023/02/beitragsname“</li>



<li><strong>Beitragsname</strong>, z.B. „https://www.domainname.de/beitragsname“</li>



<li><strong>Individuelle Struktur</strong>, die eine <strong>Mischform</strong> verschiedener Kennzeichen nutzt</li>
</ul>



<p>Für die individuelle Struktur des Permalinks können in WordPress folgende Parameter herangezogen werden:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="908" height="48" src="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Strukturelemente.webp" alt="WordPress Permalink Strukturelemente" class="wp-image-5806" title="Permalink 23" srcset="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Strukturelemente.webp 908w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Strukturelemente-300x16.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Strukturelemente-768x41.webp 768w" sizes="(max-width: 908px) 100vw, 908px" /><figcaption class="wp-element-caption">WordPress Permalink Strukturelemente</figcaption></figure></div>


<ul class="wp-block-list">
<li><strong>%year%</strong><br>Eine Jahreszahl als vierstellige Zahl, z.B. 2023</li>



<li><strong>%monthnum%</strong><br>Eine Monatszahl als zweistellige Zahl, z.B. 02</li>



<li><strong>%day%</strong><br>Eine Tageszahl als zweistellige Zahl, z.B. 14</li>



<li><strong>%hour%</strong><br>Eine Stundenzahl als zweistellige Zahl, z.B. 10</li>



<li><strong>%minute%</strong><br>Eine Minutenzahl als zweistellige Zahl, z.B. 40</li>



<li><strong>%second%</strong><br>Eine Sekundenzahl als zweistellige Zahl, z.B. 35</li>



<li><strong>%post_id%</strong><br>Eine Identifikationsnummer (ID) des Beitrags, z.B. 12</li>



<li><strong>%postname%</strong><br>Der Titel (Überschrift H1) des Beitrags in URL-Schreibweise. So wird aus einem Beitrag mit dem Ttel „Permalinks, das gilt es zu beachten“ der Permalink „permalinks-das-gilt-es-zu-beachten“</li>



<li><strong>%category%</strong><br>Der Kategorie-Name, zu dem der Beitrag zugeordnet wird. Gibt es mehrere Unterebenen von Kategorien, so werden diese ebenfalls verschachtelt durch ein „/“ getrennt genannt.</li>



<li><strong>%author%</strong><br>Der Name des Autors, dem dieser Beitrag vom CMS zugeordnet wird.</li>
</ul>



<p>Diese Parameter können auch beliebig miteinander kombiniert genutzt werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Einstellung der Permalink-Struktur</h2>



<p>In vielen Content-Management-Systemen lässt sich die Permalink-Struktur einstellen, leider jedoch nicht in allen. Im CMS WordPress ist diese Einstellung allerdings problemlos möglich. Sie lässt sich sogar an zwei Stellen mit unterschiedlicher Wirkung einstellen.</p>



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Globale Einstellung der Permalink-Struktur</h3>



<p>Die erste Einstellungsmöglichkeit hinsichtlich der Permalink-Struktur befindet sich im <strong><a href="https://www.conminds.de/backend/" data-type="URL" data-id="https://www.conminds.de/backend/">Backend</a>-Menü von WordPress</strong>. Dazu müssen Sie im WordPress-Menü unter den Punkt „Einstellungen &gt; Permalinks &gt; Permalink-Struktur“ die gewünschte Struktur anklicken.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="795" height="417" src="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Struktur.webp" alt="WordPress Permalink-Struktur" class="wp-image-5768" title="Permalink 24" srcset="https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Struktur.webp 795w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Struktur-300x157.webp 300w, https://www.conminds.de/wp-content/uploads/2023/04/WordPress-Permalink-Struktur-768x403.webp 768w" sizes="(max-width: 795px) 100vw, 795px" /><figcaption class="wp-element-caption">Einstellung der WordPress Permalink-Struktur</figcaption></figure></div>


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



<p>Nach der Einstellung der gewünschten Permalink-Struktur bitte nicht das Speichern vergessen.</p>


<div class="gb-container gb-container-32d2a06e">
<div class="gb-container gb-container-890ac74d">

<p><strong>ACHTUNG:</strong></p>



<p>Die Einstellung der Permalink-Struktur ist eine <strong>globale Einstellung</strong>, die für die gesamte Website gilt und <strong>daher nicht „mal eben“ nachträglich geändert werden sollte</strong>. Aus diesem Grunde sollte man die Definition der Permalink-Struktur zu Beginn der Erstellung einer Website festlegen und dann so beibehalten. Will man sie dennoch ändern, muss dies mit Weiterleitungen (Redirects) erfolgen, damit keine Backlinks für die Indexierung verloren gehen.</p>

</div>
</div>


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


<div class="gb-container gb-container-46529d1d">
<div class="gb-container gb-container-f3b21fae">

<p><strong>Hinweis:</strong></p>



<p>In WordPress ist die voreingestellte Permalink-Struktur nicht optimal und sollte daher im Backend manuell angepasst werden.</p>

</div>
</div>


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



<h3 class="wp-block-heading has-global-color-8-color has-text-color">Permalink-Struktur einzelner Webseiten einstellen</h3>



<p>Unabhängig von der globalen Einstellung kann man in WordPress die <strong>einzelnen Permalinks der Webseiten</strong> im Menü der einzelnen Seiten und Beiträge zudem <strong>noch nachträglich editieren</strong>.</p>



<p>Hat man z.B. die globale Einstellung „Beitragsname“ als Permalink-Struktur ausgewählt, so kann man den automatisch übernommenen Beitragstitel nun noch von unnötigen Füllwörtern befreien und damit einkürzen. Sogar eine komplette Änderung und die Hinzufügung weiterer Keywords ist möglich.</p>



<p>Die Einstellung des lokalen Permalinks befindet sich in den Seiten-Einstellungen jeder einzelnen Webseite.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="286" height="233" src="https://www.conminds.de/wp-content/uploads/2023/04/Permalink-Einstellung-in-WordPress.webp" alt="Permalink Einstellung in WordPress" class="wp-image-5749" title="Permalink 22"><figcaption class="wp-element-caption">Permalink Einstellung in WordPress</figcaption></figure></div>


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



<p>Im Unterschied zu der globalen Einstellung ist diese Änderung jedoch <strong>nur für diese einzelne Webseiten-URL gültig</strong>. Die anderen URLs sind somit von dieser Änderung nicht betroffen.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was muss bei Permalinks beachtet werden?</h2>



<p>Folgende Dinge sollten hinsichtlich Permalinks beachtet werden:</p>



<ul class="wp-block-list">
<li><strong>keine doppelten Worte</strong>, insb. Keywords, verwenden</li>



<li>es sollten zur Trennung von einzelnen Wörtern <strong>nur Bindestriche</strong>, <strong>keine Unterstriche</strong>, genutzt werden</li>



<li>auch sollten keine <strong>Sonderzeichen, Umlaute oder das Schriftzeichen „ß“</strong> verwendet werden. Auch wenn diese oft automatisch in einer der ASCII-Zeichenkodierung entsprechenden Schreibweise umgeschrieben werden, so führen diese Zeichen dennoch regelmäßig zu Problemen</li>



<li><strong>nicht übermäßig viele Keywords</strong> in die URL einbauen, da dies als Keyword-Stuffing (Spamming) angesehen werden kann und dann zu einer Abstrafung führen kann</li>



<li>die Verwendung von Datumsangaben ist bei einem zeitlos gültigen Artikel eher kontraproduktiv</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Wie sieht ein guter Permalink aus?</h2>



<p>Eine <strong>guter Permalink</strong> sieht folgendermaßen aus:</p>



<ul class="wp-block-list">
<li>Ist eine <strong>sprechende URL</strong> (sagt selbsterklärend etwas über den Inhalt hinter der URL aus)<br>Dadurch sehen und verstehen User, was sich hinter der URL befindet. Und auch Suchmaschinen werten den Inhalt der URL aus, um die Relevanz der URL hinsichtlich eines Suchbegriffs (Keywords) einzuordnen.</li>



<li>beinhaltet mindestens das <strong>Focus-Keyword</strong>, und dies zudem noch möglichst am Anfang der URL<br>Dies zeigt Usern, dass unter diesem Link etwas zu dem gesuchten Thema zu finden ist. Und auch Suchmaschinen bewerten die Relevanz des Links hinsichtlich des gesuchten Keywords höher.</li>



<li>enthält <strong>keine unnötigen Füllwörter</strong> wie Artikel, Bindewörter, etc.</li>



<li>für Beiträge die zeitlos sind, sollte zudem kein Datumsbezug in der URL genutzt werden</li>



<li>nutzt nur <strong>Kleinschreibung</strong></li>



<li>ist <strong>möglichst kurz gehalten</strong>, möglichst nicht mehr als 5 &#8211; 6 Wörter</li>



<li>hat eine <strong>konsistente Struktur</strong></li>
</ul>



<p>Ein Beispiel für einen guten Permalink könnte daher folgendermaßen aussehen:</p>



<p>https://www.conminds.de/permalink oder https://www.conminds.de/lexikon/wordpress-permalink</p>



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



<p>Vorteile einer optimierten URL-Struktur:</p>



<ul class="wp-block-list">
<li><strong>verbessertes Aussehen</strong>, da keine kryptischen Buchstaben, Zahlen und Symbole verwendet werden</li>



<li><strong>verbesserte Benutzerfreundlichkeit</strong>, z.B. eine leichter zu merkende URL entsteht, die zudem selbsterklärend ist</li>



<li><strong>bessere Kompatibilität</strong> der Links</li>
</ul>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Was muss man tun, wenn man einen Permalink nachträglich ändern möchte?</h2>



<p>Sollten Sie doch einmal die URL eines Permalinks ändern müssen, so sollte der bestehende Permalink unbedingt durch eine <strong>Weiterleitung</strong> mit dem neuen Permalink verknüpft werden.</p>



<p>Diese Weiterleitung, auch <strong>Redirect</strong> genannt, ist wichtig, damit <strong>Backlinks</strong> auf diese URL auch weiterhin automatisch auf die richtige Webseite weitergeleitet werden.</p>



<p>Man sollte aber <strong>nicht endlose Weiterleitungs-Ketten einrichten</strong>, da ab der 4. Weiterleitung die Suchmaschine Google diesem Link nicht mehr folgt.</p>



<p>Wird diese Weiterleitung nicht eingerichtet, so erhält derjenige, der dem ursprünglichen Link folgt, eine <strong>404-Fehlermeldung</strong>. Eine solche Fehlermeldung wird aber sowohl von Suchmaschinen als auch von Nutzern des Internets negativ wahrgenommen.</p>



<p>Zudem bleibt der Backlink der Webseite bei einer erneuten Indexierung durch Google weiterhin bestehen. Durch die Weiterleitung kann die <strong>Indexierung an die neue URL „vererbt“ werden</strong>. Jedoch kann die Weiterleitung eine Änderung der Wertigkeit in der Indexierung zur Folge haben.</p>



<p>Da bei der Einrichtung der Weiterleitung immer etwas schief gehen kann und eventuell auch Backlinks etwas an Wertigkeit verlieren können, sollten nachträgliche Änderungen der URL möglichst sparsam eingesetzt werden.</p>



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



<h2 class="wp-block-heading has-global-color-8-color has-text-color">Fazit</h2>



<p>Permalinks haben eine wichtige Funktion im Internet. Sie lassen überhaupt erst eine Navigation im Internet zu, indem sie Website-interne und Website-externe Inhalte miteinander vernetzen.</p>



<p>Durch eine gute Permalink-Struktur haben es zudem die Crawler der Suchmaschinen leichter, die Webseiten zu indexieren.</p>



<p>Permalinks sollten daher eine nutzer- und suchmaschinenfreundliche Struktur aufweisen und zumindest das Haupt-Keyword enthalten.</p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading has-text-align-center">FAQ &#8211; Häufig gestellte Fragen &amp; Antworten</h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1680546533728" class="rank-math-list-item">
<h3 class="rank-math-question ">Wofür ist ein Permalink?</h3>
<div class="rank-math-answer ">

<p>Ein Permalink ist die dauerhafte Internet-Adresse (URL) unter der eine Webseite oder eine andere Datei im Internet aufrufbar ist. Ein Permalink sieht beispielsweise folgendermaßen aus: https://www.conminds.de/seo&#8220;. Permalinks machen eine Navigation durch die eigene Website und durch das Internet erst möglich.</p>

</div>
</div>
<div id="faq-question-1680546542657" class="rank-math-list-item">
<h3 class="rank-math-question ">Kann man einen Permalink nachträglich ändern?</h3>
<div class="rank-math-answer ">

<p>Ja, man kann jeden Permalink nachträglich ändern. Allerdings sollte man eine Weiterleitung (Redirect) von der alten URL auf die neue einrichten, damit weiterhin alle Backlinks auf dieses Ziel funktionieren und zugunsten des Rankings der Webseite zählen.</p>

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


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.conminds.de/permalink/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
