<?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>Webdesign Archives - unlimited communications marketing</title>
	<atom:link href="https://ucm.de/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>https://ucm.de/category/webdesign/</link>
	<description></description>
	<lastBuildDate>Fri, 27 Sep 2024 23:19:43 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://ucm.de/wp-content/uploads/2024/06/Logo.svg</url>
	<title>Webdesign Archives - unlimited communications marketing</title>
	<link>https://ucm.de/category/webdesign/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Website-Ranking verbessern mit B2B-Content-Marketing</title>
		<link>https://ucm.de/website-ranking-verbessern/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=website-ranking-verbessern</link>
		
		<dc:creator><![CDATA[Ernst Nill]]></dc:creator>
		<pubDate>Wed, 22 Jun 2022 10:18:27 +0000</pubDate>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Content-Marketing]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign]]></category>
		<guid isPermaLink="false">https://ucm.de/website-ranking-verbessern/</guid>

					<description><![CDATA[<p>So verbessern Sie Ihr Website-Ranking Sie haben viel Aufwand und Herzblut in Ihre Website gesteckt. Jetzt möchten Sie mit Ihren [&#8230;]</p>
<p>The post <a href="https://ucm.de/website-ranking-verbessern/">Website-Ranking verbessern mit B2B-Content-Marketing</a> appeared first on <a href="https://ucm.de">unlimited communications marketing</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="760" height="426" src="https://ucm.de/wp-content/uploads/2022/06/Blog_Ranking-verbessern_unlimited-communications.webp" alt="Blogbeitrag: Website-Ranking verbessern mit B2B-Content-Marketing, unlimited communications" class="wp-image-7864" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/06/Blog_Ranking-verbessern_unlimited-communications.webp 760w, https://ucm.de/wp-content/uploads/2022/06/Blog_Ranking-verbessern_unlimited-communications-300x168.webp 300w" sizes="(max-width: 760px) 100vw, 760px" /></figure>



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



<h2 class="wp-block-heading">So verbessern Sie Ihr Website-Ranking</h2>



<p class="wp-block-paragraph">Sie haben viel Aufwand und Herzblut in Ihre Website gesteckt. Jetzt möchten Sie mit Ihren Angeboten von den richtigen Menschen gefunden werden. Wir geben Tipps, wie Sie mit gezieltem B2B-Content-Marketing auch Ihr Website-Ranking verbessern.</p>



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



<h3 class="wp-block-heading">Ein kleines Experiment</h3>



<p class="wp-block-paragraph"><strong>Stellen Sie sich einmal vor:</strong> Sie benötigen möglichst sofort Informationen über xyz [<em>hier können Sie einen beliebigen Gegenstand oder eine Dienstleistung einfügen</em>]. Wahrscheinlich werden Sie ohne weiteres Nachdenken eine Recherche im Internet durchführen. Schauen Sie sich jetzt bei allen weiteren Schritten einfach über die eigene Schulter. Denn so, wie Sie nun handeln, machen es wahrscheinlich die meisten anderen Nutzer auch.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="414" src="https://ucm.de/wp-content/uploads/2022/09/01_websiteranking-verbessern_20092022-1.jpg" alt="Website-Ranking verbessern, Grafik: 2 Hände tätigen Suchanfragen" class="wp-image-5509" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/09/01_websiteranking-verbessern_20092022-1.jpg 1024w, https://ucm.de/wp-content/uploads/2022/09/01_websiteranking-verbessern_20092022-1-300x121.jpg 300w, https://ucm.de/wp-content/uploads/2022/09/01_websiteranking-verbessern_20092022-1-768x311.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Wie gehen Sie vor?</strong> Klicken Sie gleich auf den ersten Eintrag und damit höchstwahrscheinlich auf eine Anzeige? Beachten Sie überhaupt die Ergebnisse der zweiten oder gar dritten Seite? Oder versuchen Sie es vielleicht lieber mit einem anderen Suchwort oder einer anderen Suchphrase, wenn die ersten 10 Vorschläge der Suchmaschine für Sie nicht interessant waren?</p>



<p class="wp-block-paragraph"><strong>Sie sehen:</strong> Um das Website-Ranking zu verbessern, muss es Ihr Ziel sein, auf die „Seite 1“ von Suchmaschinen gelangen – und zwar mit den richtigen Inhalten. Wie schaffen Sie das?</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="476" src="https://ucm.de/wp-content/uploads/2022/09/02_websiteranking-verbessern_20092022.jpg" alt="Website-Ranking verbessern, Grafik: Zielfahne mit Aufschrift \\" class="wp-image-5498" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/09/02_websiteranking-verbessern_20092022.jpg 1024w, https://ucm.de/wp-content/uploads/2022/09/02_websiteranking-verbessern_20092022-300x139.jpg 300w, https://ucm.de/wp-content/uploads/2022/09/02_websiteranking-verbessern_20092022-768x357.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Tipp 1: Ihre B2B-Content-Marketing-Strategie liefert die Basis</h2>



<p class="wp-block-paragraph">Wenn Sie <a href="https://ucm.de/b2b-content-marketing/" target="_blank" rel="noreferrer noopener">B2B-Content-Marketing</a> betreiben, dann haben Sie die wichtigste Frage bereits gestellt und beantwortet: Was interessiert meine Zielgruppen? Ihre Website, verstanden als Content-Marketing-Kanal, soll genau das liefern. Haben Sie das für sich als klare Zielsetzung formuliert, wird Ihre Website für jeden Besucher auf den ersten Blick deutlich machen, wofür sie steht, worum es hier geht und ob er hier Antworten auf seine Fragen findet.</p>



<p class="wp-block-paragraph">Wichtig ist also, die Zielgruppe gut zu kennen und Gestaltung und Inhalte so umzusetzen, dass sie deren Erwartungen und Informationsbedarf entspricht. Mindestens genauso wichtig ist es aber auch die Seite technisch und inhaltlich so aufzubauen, dass <a href="https://de.wikipedia.org/wiki/Suchmaschine" target="_blank" rel="noreferrer noopener">Suchmaschinen</a> sie mit einem hohen Ranking belohnen. Denn was nützt die schönste, informativste Website, wenn sie bei den Suchmaschinen-Ergebnissen auf Seite 3 ff. landet – also da, wo sich kaum ein Suchender je hin verirrt.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="379" src="https://ucm.de/wp-content/uploads/2022/09/04_websiteranking-verbessern_20092022-1.jpg" alt="Website-Ranking verbessern, Grafik: Nutzer:in links freut sich über das Angebot auf dem Rechner (r.)" class="wp-image-5515" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/09/04_websiteranking-verbessern_20092022-1.jpg 1024w, https://ucm.de/wp-content/uploads/2022/09/04_websiteranking-verbessern_20092022-1-300x111.jpg 300w, https://ucm.de/wp-content/uploads/2022/09/04_websiteranking-verbessern_20092022-1-768x284.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Tipp 2: Keywords – Keywords – Keywords</h2>



<p class="wp-block-paragraph"><strong>Sie haben also eine Content-Strategie. </strong>Für ein gutes Ranking Ihrer Webseiten müssen Sie Ihre Content-Themen nur noch in die richtigen Keywords übersetzen, mit denen Ihre zukünftigen Besucher nach Informationen suchen.</p>



<p class="wp-block-paragraph">Entscheiden Sie für jede einzelne Seite Ihrer Website, mit welchem Keyword bzw. welcher Keyword-Phrase (Folge von mehreren Worten) Sie arbeiten wollen. Um Suchmaschinen und auch Ihre Seitenbesucher nicht in die Irre zu führen, sollte jede einzelne Webseite in Ihrem Webangebot auf genau ein Keyword oder eine Keyword-Phrase ausgerichtet sein. Nicht mehr, nicht weniger.</p>



<p class="wp-block-paragraph">Und keine Bange: Wenn Sie bei diesem Schritt erst einmal Schwierigkeiten haben, sind Sie nicht allein. Die Keywordsuche ist häufig nicht einfach, wenn Sie nicht gerade Standardprodukte für klar definierte Nischen-Zielgruppen vertreiben. Sie benötigen thematisch passende Suchphrasen mit ausreichendem, aber auch nicht zu viel Suchvolumen – bei zu generischen Begriffen erreichen Sie Ihre Zielgruppe nicht. Lassen Sie sich ruhig von den Webseiten Ihrer Wettbewerber inspirieren und nehmen Sie bei Bedarf die Dienste eines SEO-Experten in Anspruch.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="476" src="https://ucm.de/wp-content/uploads/2022/09/05_websiteranking-verbessern_20092022.jpg" alt="Website-Ranking verbessern, Grafik: Suchmaschinenanfrage \\" class="wp-image-5501" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/09/05_websiteranking-verbessern_20092022.jpg 1024w, https://ucm.de/wp-content/uploads/2022/09/05_websiteranking-verbessern_20092022-300x139.jpg 300w, https://ucm.de/wp-content/uploads/2022/09/05_websiteranking-verbessern_20092022-768x357.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Tipp 3: Guter Content</h2>



<p class="wp-block-paragraph"><strong>Hand aufs Herz: </strong>Wann bleiben Sie länger auf einer Website? Logisch – It’s the content, stupid!</p>



<p class="wp-block-paragraph">Wer sein Website-Ranking verbessern will, muss stimmigen Content liefern. Wenn Sie ermittelt haben, welche Informationen Ihre Zielgruppe gezielt sucht, müssen Sie die entsprechenden Themen möglichst umfassend aufbereiten. Prüfen Sie, welche zusätzlichen Informationen und Aspekte noch interessant sein könnten – auch wenn Ihre Angebote diese nicht abdecken. Natürlich stehen Sie mit Ihren Inhalten stets im Wettbewerb mit anderen Anbietern von Informationen. Aber auch hier gibt es Rädchen, an denen Sie drehen können, um die Nase vorn zu haben: Vermitteln Sie Ihre Inhalte gut verständlich und <a href="https://ucm.de/die-zielgruppen-illusion/" target="_blank" rel="noreferrer noopener">zielgruppengerecht</a>, strukturieren Sie gut, seien Sie aktuell!</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="265" src="https://ucm.de/wp-content/uploads/2022/09/07_websiteranking-verbessern_20092022-1.jpg" alt="Website-Ranking verbessern, Grafik: Angebote an Zielgruppe" class="wp-image-5520" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/09/07_websiteranking-verbessern_20092022-1.jpg 1024w, https://ucm.de/wp-content/uploads/2022/09/07_websiteranking-verbessern_20092022-1-300x78.jpg 300w, https://ucm.de/wp-content/uploads/2022/09/07_websiteranking-verbessern_20092022-1-768x199.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Kurz gesagt: Guter Content entscheidet, ob eine Website für Besucher attraktiv ist. Darüber hinaus verlängert er auch die Verweildauer. Und genau dieser Effekt – eine längere Verweildauer – sorgt wiederum für eine Belohnung durch die Suchmaschinen. Diese nämlich merken sich das Suchverhalten, schließen daraus auf eine höhere Relevanz der Website und ranken sie höher.</p>



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



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



<h2 class="wp-block-heading">Tipp 4: Regelmäßiges Content-Marketing</h2>



<p class="wp-block-paragraph"><strong>Ein weiteres kleines Experiment: </strong>Nehmen Sie sich noch eine Minute Zeit und schreiben Sie kurz auf, was Sie beim Besuch einer Website schon des Öfteren genervt hat.</p>



<hr class="wp-block-separator has-css-opacity is-style-default"/>



<p class="wp-block-paragraph"><strong>Wir sind sicher, dass sich einige der folgenden Stichworte auf Ihrer Liste finden:</strong></p>



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



<li>Marketing-Geschwätz</li>



<li>unübersichtlich</li>



<li>lange Ladezeiten</li>



<li>überfrachtet</li>



<li>unverständlich</li>



<li>langweilig</li>



<li>u. v. m.</li>
</ul>



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



<p class="wp-block-paragraph">Regelmäßige Content-Marketing-Arbeit mit dem Ziel, aktuelle Informationen mit Mehrwert für die Zielgruppe bereitzustellen sorgt i. d. R. dafür, dass viele dieser Ärgernisse ausbleiben.</p>



<p class="wp-block-paragraph">Denn Sie wissen ja: Nichts ist älter, als die Nachricht von gestern. Aber auch: Nichts ist nachhaltiger, als eine Information, die auch nach Jahren nichts von Ihrer Relevanz verloren hat.</p>



<p class="wp-block-paragraph">Kontinuierliches Content Marketing mit einer guten Mischung aus brandaktuellen Informationen und „Was ich schon immer mal wissen wollte“ (aka: Hintergrundinfos) sorgt so für mehr Erfolgserlebnisse bei Ihren Besuchern, mehr Leads bei Ihnen und ein besseres Ranking bei Google &amp; Co.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="476" src="https://ucm.de/wp-content/uploads/2022/09/09_websiteranking-verbessern_20092022.jpg" alt="Website-Ranking verbessern, Grafik: Herz mit Inschrift \\" class="wp-image-5505" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2022/09/09_websiteranking-verbessern_20092022.jpg 1024w, https://ucm.de/wp-content/uploads/2022/09/09_websiteranking-verbessern_20092022-300x139.jpg 300w, https://ucm.de/wp-content/uploads/2022/09/09_websiteranking-verbessern_20092022-768x357.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Autor: Dipl.-Ing. Ernst Nill, Geschäftsführer und Inhaber von unlimited communications</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<p>The post <a href="https://ucm.de/website-ranking-verbessern/">Website-Ranking verbessern mit B2B-Content-Marketing</a> appeared first on <a href="https://ucm.de">unlimited communications marketing</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Was ist Responsive Design und warum ist es wichtig?</title>
		<link>https://ucm.de/was-ist-responsive-design-und-warum-ist-es-wichtig/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=was-ist-responsive-design-und-warum-ist-es-wichtig</link>
		
		<dc:creator><![CDATA[ucm]]></dc:creator>
		<pubDate>Fri, 05 Aug 2016 13:35:50 +0000</pubDate>
				<category><![CDATA[Webdesign]]></category>
		<guid isPermaLink="false">https://ucm.de/was-ist-responsive-design-und-warum-ist-es-wichtig/</guid>

					<description><![CDATA[<p>Wir alle kennen das ja: Man ist mit dem Tablet oder Smartphone auf Websites unterwegs, will nur kurz Kontaktdaten suchen [&#8230;]</p>
<p>The post <a href="https://ucm.de/was-ist-responsive-design-und-warum-ist-es-wichtig/">Was ist Responsive Design und warum ist es wichtig?</a> appeared first on <a href="https://ucm.de">unlimited communications marketing</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="501" src="https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin-1024x501.webp" alt="Grafik zu Blogartikel &quot;Warum Responsiv-Design&quot;" class="wp-image-8020" style="box-shadow:none" srcset="https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin-1024x501.webp 1024w, https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin-300x147.webp 300w, https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin-768x375.webp 768w, https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin-1536x751.webp 1536w, https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin-1320x645.webp 1320w, https://ucm.de/wp-content/uploads/2024/09/Warum-Responsiv-Design_unlimited-communications-berlin.webp 1800w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="wp-block-paragraph">Wir alle kennen das ja: Man ist mit dem Tablet oder Smartphone auf Websites unterwegs, will nur kurz Kontaktdaten suchen oder sich über ein Angebot informieren. Doch leichter gesagt als getan. Internetseiten, die auf dem Desktop-PC noch super aussehen, sind mobil eine Unzumutbarkeit. Da gestaltet sich sagen wir die Navigation zur richtigen Telefonnummer meines Ansprechpartners schon wie ein Kamelritt durchs Nadelöhr. Mir selbst fallen spontan zig solcher Momente ein und gerade wer zum Beispiel schon einmal unterwegs auf Wohnungssuche war, kann meinen Unmut wohl gut verstehen.</p>



<p class="wp-block-paragraph">Dabei könnte es so einfach sein: optimierte Websites für mobile Nutzer (Google nennt das „mobile-friendly“). Doch viele Firmen haben diesen Punkt in den letzten Jahren schlichtweg vernachlässigt. Das hinterlässt bei ihren Kunden einen ziemlich schlechten Eindruck. Um nicht in die Bredouille zu geraten, bessern viele jetzt nach.</p>



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



<h3 class="wp-block-heading">„Mobile-friendly“ – Brauche ich das wirklich?</h3>



<p class="wp-block-paragraph">Ja. Dass diese Nachbesserung längst überfällig ist, zeigt eine repräsentative <a href="http://meedia.de/2015/10/12/onlinestudie-2015-von-ard-und-zdf-schon-55-prozent-nutzen-internet-mobil/">Studie im Auftrag des ARD/ZDF</a> zur Onlinenutzung in Deutschland. Laut Befragung ist die Anzahl der täglichen Internetnutzer im Jahr 2015 auf 44,5 Millionen Menschen gestiegen. Interessant ist dabei, dass davon mittlerweile 55 Prozent mobil auf Netzinhalte zugreifen. Kein Trend, sondern eher zunehmende Standardisierung. Gleichermaßen steigen auch die Anforderungen an eine gute Webpräsenz. Websites, die bei der Programmierung allein für große Desktop-Bildschirme optimiert werden, sind auf Smartphones und Tablets oft unbedienbar.</p>



<p class="wp-block-paragraph">Gut beraten sind also diejenigen, die von Anfang an auf optimale Darstellung ihrer Website auf jedem Gerät setzen. Immerhin ist sie das digitale Aushängeschild einer jeden Institution. Ohne mobilfreundliches Design geht heute kaum noch etwas, auch weil die großen Internet-Unternehmen, allen voran Google, die mobile Internet-Nutzung fördern wollen. Als weltweit wichtigste Suchmaschine macht Google „mobile-friendly“ inzwischen zur Pflicht: Seit dem im Frühjahr 2015 erschienenen „Mobile Update“ des Suchmaschinenanbieters werden Websites, die nicht für mobile Nutzung geeignet sind, beim Suchmaschinenranking abgestraft.</p>



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



<h3 class="wp-block-heading">Die Lösung: Responsive Design</h3>



<p class="wp-block-paragraph">Responsive Design passt eine Website flexibel an das jeweilige Endgerät an. Eine so optimierte Website sieht auf einem 24-Zoll-Bildschirm also genauso gut aus wie auf einem Smartphone oder Tablet. Was heißt das genau?</p>



<p class="wp-block-paragraph">Größe und Auflösung des darstellenden Gerätes, an die sich eine Website anpassen muss, variieren heute stärker denn je. Die kleinsten Smartphones haben Bildschirmdiagonalen von weniger als 3 Zoll, während auf der anderen Seite auch Monitore und webfähige Fernseher mit weit mehr als 30 Zoll Diagonale keine Seltenheit mehr sind. Daher ist es notwendig, dass Internetseiten die Anforderungen des jeweiligen Endgerätes kennen und berücksichtigen.</p>



<p class="wp-block-paragraph">Besteht das Layout einer Website beispielsweise aus mehreren Spalten, so müssen diese auf Smartphone-Displays untereinander angezeigt werden, weil sonst nicht mehr viel zu erkennen ist. Funktionen wie „Mouseover“ wiederum, die bei Mausbedienung Informationen oder Navigationshilfen liefern, funktionieren nicht mit Touchscreens. Für mobile Nutzer müssen dafür Alternativen angeboten werden.</p>



<p class="wp-block-paragraph">Eine mögliche (und früher häufig praktizierte) Lösung wäre die Erstellung und Pflege einer Version des Internetauftritts, die speziell für Mobilgeräte gestaltet wird und über eine eigene URL erreichbar ist. Aber responsive&nbsp;Design löst das Problem noch wesentlich eleganter: An die Stelle einer starren Gestaltung von Websites tritt nun eine dynamische Reaktion bzw. „Antwort“ (englisch: response) auf wechselnde Anforderungen.</p>



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



<h3 class="wp-block-heading">Die Funktionsweise von&nbsp;Responsive Design</h3>



<p class="wp-block-paragraph">Für die Gestaltungsaspekte von Webseiten ist beim Webdesign die Auszeichnungssprache <a href="https://de.wikipedia.org/wiki/Cascading_Style_Sheets">CSS</a> (Cascading Style Sheets) zuständig. Mit CSS können Gestaltungsanweisungen (Stylesheets) erstellt werden, welche zusammen mit HTML und DOM den Kern einer jeden Website bilden. Stylesheets (Dateien mit der Endung „.css“) bestimmen das Aussehen meiner Seite. Ich kann also für unterschiedliche Endgeräte jeweils eigene Stylesheet anlegen (z. B. „smartphone.css“ und „all.css“, wenn ich nur Smartphones ein angepasstes Design anbieten möchte).</p>



<p class="wp-block-paragraph">Woher aber weiß eine Webseite, welches Endgerät gerade zu bedienen ist? Mit der aktuellen Version CSS3 wurde das Konzept der sogenannten <a href="https://de.wikipedia.org/wiki/Cascading_Style_Sheets#Eigenschaftsspezifische_Stylesheets_.28Media_Queries.29">Media Queries</a> eingeführt. Diese Queries (z. Dt. Abfragen) erlauben es, verschiedene Ausgabe-Geräte zu erkennen. Die Website fragt eine vorher definierte Liste von Kriterien ab, die ein Ausgabemedium erfüllen muss, damit ein bestimmtes Stylesheet zur Verarbeitung eingebunden wird. Diese Medienabfragen bestehen meistens aus der Kombination von Medientyp und Medienmerkmalen. Kriterien für die Darstellung einer Website auf verschiedenen Endgeräten sind zum Beispiel die Breite und Höhe von Browserfenster oder Gerät, die Bildschirmauflösung, die Orientierung (Hoch- oder Querformat) oder verfügbare Eingabemöglichkeiten.</p>



<p class="wp-block-paragraph">Mithilfe dieser Kombinationsmöglichkeiten können verschiedene Klassen von Ausgabemedien definiert werden, denen ich dann maßgeschneiderte Stylesheets zuweise. Erfüllt das verwendete Ausgabemedium alle Kriterien einer Medienabfrage, so wird das verknüpfte Stylesheet eingebunden – und voilà: Sie haben responsive&nbsp;Design.</p>
<p>The post <a href="https://ucm.de/was-ist-responsive-design-und-warum-ist-es-wichtig/">Was ist Responsive Design und warum ist es wichtig?</a> appeared first on <a href="https://ucm.de">unlimited communications marketing</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
