-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathseo-meta.html
168 lines (168 loc) · 18.4 KB
/
seo-meta.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>SEO META in 1 Click - Die Google Chrome Extension für eine schnelle SEO-Analyse</title>
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
</style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head>
<body>
<header id="title-block-header">
<h1 class="title">SEO META in 1 Click - Die Google Chrome Extension für eine schnelle SEO-Analyse</h1>
</header>
<p>Die SEO META in 1 Click Extension ermöglicht es, Websites schnell und unkompliziert auf „Fehler" zu untersuchen. Analysiert werden im Wesentlichen die Meta-Daten und grundsätzliche SEO Informationen, welche für eine schnelle und optimierte Website relevant sind.</p>
<h2 id="google-chrome-extension">Google Chrome Extension</h2>
<p>SEO Browser Plugins gibt es viele. Neben dem <a href="https://chrome.google.com/webstore/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef" title="META DEO Inspektor im Chrome Webshop">META SEO Inspector</a> eignet sich vor allem das Plugin SEO META in 1 Click sehr gut für die Analyse der Meta-Daten. Im Gegensatz zu <em>META SEO Inspector</em> wirkt <em>SEO META in 1 Click</em> sehr aufgeräumt und übersichtlich.</p>
<p>Voraussetzung für die Anwendung ist die Verwendung von <a href="https://www.google.de/chrome/?brand=CHBD&gclid=EAIaIQobChMI8cme9e6Y5gIVCLLtCh0vzw60EAAYASAAEgLiTfD_BwE&gclsrc=aw.ds" title="Download-Link für Google Chrome">Google Chrome</a> als Browser und in weiterer Folge die Installation der <a href="https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc">Extension als Plugin</a></p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-interface.jpg" title="Das Interface von SEO META in 1 CLICK" alt="Das Interface von SEO META in 1 CLICK" /><figcaption>Das Interface von SEO META in 1 CLICK</figcaption>
</figure>
<p>Bei der Analyse der Website konzentriert sich das Plugin auf folgende wesentliche Punkte:</p>
<ul>
<li>Titel und Länge des Titels</li>
<li>Description und Länge der Description</li>
<li>URLs (Analyse der Meta-Canonical URL)</li>
<li>Meta-Robots</li>
<li>Headlines (für die Darstellung in HTML, H1-H6)</li>
<li>Bilder auf der Seite (Anzahl, Bilder mit und ohne ALT-Attribute)</li>
<li>Anzahl der Links (intern und extern)</li>
<li><code>robots.txt</code>-Datei</li>
<li>Open Graph</li>
</ul>
<h2 id="alles-auf-einen-blick-in-der-summary">Alles auf einen Blick in der Summary</h2>
<p>Ist das Plugin installiert, reicht das Eintippen einer URL beziehungsweise der Besuch einer Website. Hier benutzen wir als Beispiel <www.fh-joanneum.at> . In der Übersicht zeigt das Chrome-Plugin zusammengefasst alle analysierten Bereiche.</p>
<h2 id="title">Title</h2>
<p>Betrachtet man die Information beim Punkt <em>Title</em>, so wird einem angezeigt, dass die Angabe von „FH Joanneum" zwar dass Mindestkriterium erfüllt, dass ein Titel vorhanden ist, dass dieser aber mit 11 Characters zu kurz gewählt wurde. Lässt man als Vergleich die Seite <www.derstandard.at > analysieren, so sieht man, dass der Titel dort mit 52 Charakters die richtige Länge hat (und in diesem Fall auch die richtige Information bietet). Bei einem Klick auf das Fragezeichen-Symbol werden Details angezeigt, welche die Anforderungen an den Titel noch stärker verdeutlichen <span class="citation" data-cites="googleAussagekraeftigeTitelUnd2019">(zu den Anforderungen an den Title siehe Google, <a href="#ref-googleAussagekraeftigeTitelUnd2019">2019</a><a href="#ref-googleAussagekraeftigeTitelUnd2019">a</a>)</span>. So steht hier beispielsweise Folgendes:</p>
<blockquote>
<p>Defines a title for:</p>
<ul>
<li>the document</li>
<li>in the browser toolbar</li>
<li>the page when it is added to favorites</li>
<li>for the page in search-engine results</li>
</ul>
</blockquote>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-overview-derstandard.jpg" title="Zusammenfassung der Informationen in SEO Meta 1 Click" alt="Zusammenfassung der Informationen in SEO Meta 1 Click" /><figcaption>Zusammenfassung der Informationen in SEO Meta 1 Click</figcaption>
</figure>
<h2 id="description">Description</h2>
<p>Die sogenannte <em>Meta Description</em> ist eine kurze und präzise Zusammenfassung des Seiteninhalts im Kopf der Seite, welche nicht im Browserfenster dargestellt wird, aber von der Suchmaschine für die Darstellung der Suchergebnisse in den <em>Snippets</em> <span class="citation" data-cites="googleAussagekraeftigeTitelUnd2019">(siehe auch dazu Google, <a href="#ref-googleAussagekraeftigeTitelUnd2019">2019</a><a href="#ref-googleAussagekraeftigeTitelUnd2019">a</a> und <span class="citation" data-cites="selfhtml-wikiHTMLKopfdatenMeta2019">@selfhtml-wikiHTMLKopfdatenMeta2019</span>)</span> genutzt werden kann. Wichtig bei der Erstellung der <em>Meta Description</em> ist in erster Linie, dass schnell erkennbar ist, worum es in der Seite geht. Dazu sollten wichtige Keywords am Anfang stehen. Die <em>Meta Description</em> kann darüber entscheiden, ob jemand von einem Suchergebnis weiterklickt oder nicht.</p>
<h3 id="beispiel-auszug-meta-description-fh-joanneum">Beispiel: Auszug Meta Description „FH Joanneum"</h3>
<p>„Als anwendungsorientierte Hochschule bietet Ihnen die FH JOANNEUM praxisbezogene Lehre, Forschung und Weiterbildung mit interdisziplinärer Ausrichtung.</p>
<h3 id="beispiel-optimierte-meta-description">Beispiel: Optimierte Meta Description</h3>
<p>„Die FH JOANNEUM bietet Ihnen als anwendungsorientierte Hochschule in Graz praxisbezogene Lehre, Forschung und Weiterbildung mit interdisziplinärer Ausrichtung."</p>
<h2 id="keywords-zusätzlich-zur-meta-description">Keywords – zusätzlich zur Meta Description</h2>
<p>Keywords im Element<code>meta</code> im <code>head</code> einer Seite sind nicht mehr relevant <span class="citation" data-cites="selfhtml-wikiHTMLKopfdatenMeta2019">(siehe SelfHTML-Wiki, <a href="#ref-selfhtml-wikiHTMLKopfdatenMeta2019">2019</a>)</span>, wohingegen themenspezifische Keywords im Inhalt der Website immer wichtiger werden.</p>
<h2 id="url-und-canonical-zur-vermeidung-von-duplicate-content">URL und Canonical – zur Vermeidung von Duplicate Content</h2>
<p>Wichtig ist hier vor allem die Angabe einer kanonischen URL für die Seite <span class="citation" data-cites="googleDoppelteURLsZusammenfassen2019">(Google, <a href="#ref-googleDoppelteURLsZusammenfassen2019">2019</a><a href="#ref-googleDoppelteURLsZusammenfassen2019">c</a>)</span>. Kanonische URLs, oft einfach <em>canonicals</em> genannt, werden eingesetzt um „Duplicate Content" zu vermeiden, sprich um bei mehrfach verwendetem Inhalt die Originalressource auszuweisen, die Google als Suchergebnis verwendet.</p>
<h2 id="robots-tag-für-indexierung-bei-suchmaschinen"><code>robots</code>-Tag – für Indexierung bei Suchmaschinen</h2>
<p>Mit dem Inhalt des <code>robots</code>-Tag (<code>index</code> oder <code>no-index</code>) können Webseiten-Eigentümer bestimmen, ob Suchmaschinen die Seite indexieren sollen oder nicht. Technische Zudem wird in weiterer Folge u.a. festgelegt, ob eine Suchmaschine Links auf der Seite folgen darf oder nicht (<code>follow</code> / <code>no-follow</code>). Diese Informationen werden grundsätzlich im „Head" einer HTML-Seite hinzugefügt. <span class="citation" data-cites="googleSpezifikationenFurRobotsMetaTags2019">(Google, <a href="#ref-googleSpezifikationenFurRobotsMetaTags2019">2019</a><a href="#ref-googleSpezifikationenFurRobotsMetaTags2019">e</a>)</span>. Nach dem aktuellen und umfangreichen Google-Update im Oktober 2019 gibt es für die Inhalte der Robots-Meta-Tags neue Optionen <span class="citation" data-cites="spriestersbachGoogleFuehrtNeue2019">(siehe Spriestersbach, <a href="#ref-spriestersbachGoogleFuehrtNeue2019">2019</a>)</span>:</p>
<dl>
<dt><code>nosnippet</code></dt>
<dd>Dies ist eine bereits bestehende Option, mit der man festlegen kann, dass kein Textausschnitt für die jeweilige URL angezeigt wird.
</dd>
<dt><code>max-snippet:[number]</code></dt>
<dd>Hiermit lässt sich angeben, wie lang der Text für ein Snippet maximal sein soll. Durch eine solche Angabe kann z.B. ein Zeitungsverlag verhindern, dass Inhalte auf der Such-Ergebnisseite angezeigt werden.
</dd>
<dt><code>max-video-preview:[number]</code></dt>
<dd>Hiermit kann man die maximale Dauer in Sekunden für eine animierte Videovorschau angeben.
</dd>
<dt><code>max-image-preview:[setting]</code></dt>
<dd>Damit kann man die maximale Größe der Bildvorschau angeben, die für Bilder auf dieser Seite angezeigt werden soll. Mögliche Werte sind “none”, “standard”, oder “large”.
</dd>
</dl>
<p>Diese Verwendung der Robots-Tags sieht man beispielsweise schon unter www.derstandard.at</p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-robots.jpg" title="Inhalt des robots-Tag in SEO Meta 1 Click" alt="Inhalt des robots-Tag in SEO Meta 1 Click" /><figcaption>Inhalt des robots-Tag in SEO Meta 1 Click</figcaption>
</figure>
<h2 id="lang-definition-der-website-sprache">Lang – Definition der Website-Sprache</h2>
<p>SEO Meta 1 Click zeigt hier an, welche Sprache im <code>head</code> angegeben ist. Aus dieser Angabe kann eine Suchmaschine entnehmen, ob es sinnvoll ist, eine Seite für UserInnen und User mit einer bestimmten Sprache anzuzeigen. Deshalb ist die Sprachangabe für die Optimierung einer Seite wichtig <span class="citation" data-cites="googleGoogleUeberLokalisierte2019">(siehe dazu Google, <a href="#ref-googleGoogleUeberLokalisierte2019">2019</a><a href="#ref-googleGoogleUeberLokalisierte2019">d</a>)</span>.</p>
<h2 id="überschriften-die-hierarchie-der-inhalte">Überschriften – die Hierarchie der Inhalte</h2>
<p>Hier wird übersichtlich dargestellt, welche Headlines verwendet werden und wie oft sie vorkommen. Zudem gibt das Plugin die Zahl der Images und Links auf der Website an.</p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-headers.jpg" title="Überblick über die Header in SEO Meta 1 Click" alt="Überblick über die Header in SEO Meta 1 Click" /><figcaption>Überblick über die Header in SEO Meta 1 Click</figcaption>
</figure>
<p>Klickt man auf <em>Headers</em>, werden detailliert alle Headlines des Dokuments gezeigt. Die Elemente für Überschriften (<code>h1</code>-<code>h6</code>) dienen im HTML-Code dazu, den Inhalt einer Seite hierarchisch zu strukturieren. Wie diese Struktur auf dem Bildschirm präsentiert wird, wird mit CSS festgelegt. Die Header-Struktur beeinflusst die Indexierung der Website und hilft den Suchmaschinen die Seite zu „lesen". Headlines werden durch das SEO Meta 1 Click Plugin wie folgt aufgelistet:</p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-show-headers.jpg" title="Übersicht über die Header in SEO Meta 1 Click" alt="Übersicht über die Header in SEO Meta 1 Click" /><figcaption>Übersicht über die Header in SEO Meta 1 Click</figcaption>
</figure>
<h2 id="images-für-suchmaschinen-relevante-informationen-im-html-code">Images – für Suchmaschinen relevante Informationen im HTML-Code</h2>
<p>Bei der Analyse der Bilder auf der Website geht es in erster Linie um das <code>title</code>- und das <code>alt</code>-Attribut. Diese sind wie auch schon die Header, für die Indexierung durch die Suchmaschine und auch für die Barrierefreiheit wichtig. Die „Suche" bei Google konzentriert sich nämlich nicht nur auf die Suche von passenden Websites sondern eben auch auf Bilder; gute einführende Informationen dazu erhält man durch <span class="citation" data-cites="googleBestPracticesFuer2019">Google (<a href="#ref-googleBestPracticesFuer2019">2019</a><a href="#ref-googleBestPracticesFuer2019">b</a>)</span>. Mit dem richtigen <code>title</code>- und <code>alt</code>-Attribut können Unternehmen daher auch in der Bilder-Suche gefunden werden. Vielleicht noch wichtiger ist, dass diese Angaben die Qualität der Seite insgesamt verbessern und damit zu einem besseren Ranking beitragen. Der Reiter <em>Images</em> innerhalb des Plugins zeigt nun also im Falle der URL <www.fh-joanneum.at> , dass es 88 Bilder gibt, keines davon ein definiertes Alt-Attribut besitzt und nur 7 davon einen Titel.</p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-images.jpg" title="Überblick über unvollständig ausgezeichnete Bilder in SEO Meta 1 Click" alt="Überblick über unvollständig ausgezeichnete Bilder in SEO Meta 1 Click" /><figcaption>Überblick über unvollständig ausgezeichnete Bilder in SEO Meta 1 Click</figcaption>
</figure>
<p>Außer den Inhalten des <code>title</code>- und des <code>alt</code>-Attributs interpretiert Google auch die URL eines Bildes. Im Falle der FH Joanneum wäre es also sinnvill, eine URL wie <code>Logo_FH_Joanneum_Graz.svg</code> zu verwenden.</p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-show-links.jpg" title="Übersicht zu unvollständig ausgezeichneten Links in SEO Meta 1 Click" alt="Übersicht zu unvollständig ausgezeichneten Links in SEO Meta 1 Click" /><figcaption>Übersicht zu unvollständig ausgezeichneten Links in SEO Meta 1 Click</figcaption>
</figure>
<h2 id="links-interne-und-externe-linksetzung">Links – interne und externe Linksetzung</h2>
<p>Ebenso wie bei den Bildern und Überschriften, gibt SEO META 1 CLICK auch hier eine allgemeine Übersicht über die Anzahl und die korrekte Auszeichnung der Links auf der analysierten Seite.</p>
<figure>
<img src="https://oer.fh-joanneum.at/contentstrategy/wp-content/uploads/2016/07/seo-meta-1-click-links.jpg" title="Überblick über die Links in SEO Meta 1 Click" alt="Überblick über die Links in SEO Meta 1 Click" /><figcaption>Überblick über die Links in SEO Meta 1 Click</figcaption>
</figure>
<p>SEO META 1 CLICK eignet sich perfekt als schnelles Analyse-Tool, welches direkt beim Besuch der Website und beim „Durchklicken" angewendet werden kann. Es informiert über einige der für Suche und Suchmaschinenoptimierung wichtigsten Eigenschaften einer Seite. Vor allem erschließt es Informationen im Header und im Markup, die man sonst mühsam im Quelltext suchen müsste. Man erfährt mit einem Klick viel über das Optimierungs-Potenzial einer Seite.</p>
<p><span class="citation" data-cites="googleStartleitfadenZurSuchmaschinenoptimierung2019">(Außer den Hinweisen bei den einzelnen Elementen hilfreich: Google, <a href="#ref-googleStartleitfadenZurSuchmaschinenoptimierung2019">2019</a><a href="#ref-googleStartleitfadenZurSuchmaschinenoptimierung2019">f</a>)</span></p>
<hr />
<p>Dieser Artikel ist eine eine offene Lernressource des <a href="https://www.fh-joanneum.at/content-strategie-und-digitale-kommunikation/master/en/programme/" title="Content-Strategie / Content Strategy">Studiengangs Content Strategy</a> der FH Joanneum.</p>
<section class="oer-info">
<dl>
<dt>URL:</dt>
<dd>https://oer.fh-joanneum.at/contentstrategy/seo-meta-in-1-click-die-google-chrome-extension-fur-eine-schnelle-seo-analyse
</dd>
<dt>Version:</dt>
<dd>1.0
</dd>
<dt>Autor:</dt>
<dd>Markus Fritz
</dd>
<dt>Lehrveranstaltung:</dt>
<dd>Schreiben, Redigieren und Kuratieren im Web
</dd>
<dt>Letzte Aktualisierung:</dt>
<dd>2019-12-06
</dd>
<dt>Rechte:</dt>
<dd><a href="http://creativecommons.org/licenses/by/4.0/"><img src="https://i.creativecommons.org/l/by/4.0/88x31.png" alt="Creative Commons Lizenzvertrag" /></a><br />
Dieses Werk ist lizenziert unter einer <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Namensnennung 4.0 International Lizenz</a>.
</dd>
</dl>
</section>
<hr />
<h2 id="literatur" class="unnumbered">Literatur</h2>
<div id="refs" class="references">
<div id="ref-googleAussagekraeftigeTitelUnd2019">
<p>Google. (2019a). Aussagekräftige Titel und Snippets für Suchergebnisse erstellen. Retrieved from <a href="https://support.google.com/webmasters/answer/35624?hl=de">https://support.google.com/webmasters/answer/35624?hl=de</a></p>
</div>
<div id="ref-googleBestPracticesFuer2019">
<p>Google. (2019b). Best Practices für Google Bilder - Search Console-Hilfe. Retrieved from <a href="https://support.google.com/webmasters/answer/114016?hl=de">https://support.google.com/webmasters/answer/114016?hl=de</a></p>
</div>
<div id="ref-googleDoppelteURLsZusammenfassen2019">
<p>Google. (2019c). Doppelte URLs zusammenfassen - Search Console-Hilfe. Retrieved from <a href="https://support.google.com/webmasters/answer/139066?hl=de">https://support.google.com/webmasters/answer/139066?hl=de</a></p>
</div>
<div id="ref-googleGoogleUeberLokalisierte2019">
<p>Google. (2019d). Google über lokalisierte Versionen Ihrer Seite informieren - Search Console-Hilfe. Retrieved from <a href="https://support.google.com/webmasters/answer/189077?hl=de">https://support.google.com/webmasters/answer/189077?hl=de</a></p>
</div>
<div id="ref-googleSpezifikationenFurRobotsMetaTags2019">
<p>Google. (2019e). Spezifikationen für Robots-Meta-Tags, Data-Nosnippet- und X-Robots-Tags - Google Developers. Retrieved from <a href="https://developers.google.com/search/reference/robots_meta_tag?hl=de">https://developers.google.com/search/reference/robots_meta_tag?hl=de</a></p>
</div>
<div id="ref-googleStartleitfadenZurSuchmaschinenoptimierung2019">
<p>Google. (2019f). Startleitfaden zur Suchmaschinenoptimierung (SEO) - Search Console-Hilfe. Retrieved from <a href="https://support.google.com/webmasters/answer/7451184">https://support.google.com/webmasters/answer/7451184</a></p>
</div>
<div id="ref-selfhtml-wikiHTMLKopfdatenMeta2019">
<p>SelfHTML-Wiki. (2019). HTML/Kopfdaten/meta [Wiki]. Retrieved from <a href="https://wiki.selfhtml.org/wiki/HTML/Kopfdaten/meta">https://wiki.selfhtml.org/wiki/HTML/Kopfdaten/meta</a></p>
</div>
<div id="ref-spriestersbachGoogleFuehrtNeue2019">
<p>Spriestersbach, K. (2019). Google führt neue Meta-Tag-Attribute für die Steuerung der Snippets ein. Retrieved from <a href="https://www.search-one.de/neue-meta-tags-snippets/">https://www.search-one.de/neue-meta-tags-snippets/</a></p>
</div>
</div>
</body>
</html>