Issues:
This page has no privacy policy. If your web server logs visits, then every page reachable by a search engine should have a privacy policy explaining what is logged and how the logs are used.
Line 1 EU Privacy Regulations
A search option should be provided on all pages where it may be useful - users should not have to return to the homepage to conduct a search. Search engines can be helpful on content-rich web sites, but do not add value on other types of sites.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="de" lang="de">
<head>
The major search engines all have different limits for title length, and these limits have
changed over time. Avoid title lengths close to the limits to prevent problems when the limits
change again, and note that the W3C recommends a maximum length of 64 characters.
The major search engines all have different limits for title length, and these limits have
changed over time. Avoid title lengths close to the limits to prevent problems when the limits
change again, and note that the W3C recommends a maximum length of 64 characters.
Title is longer than 64 characters. W3C recommends titles are no longer than 64 characters.
Line 5 W3C Style Guide
<title>Suchmaschinenoptimierung einer Website verspricht nachhaltigen Erfolg.</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="Mit einer Suchmaschinenoptimierung Ihrer Website schaffen wir die Voraussetzungen zum Erreichen von Top-Positionen in den Suchresultaten" />
<meta name="keywords" content="" />
<meta name="author" content="Gilbert WEBKONTOR" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-9319199-2']);
_gaq.push(['_setDomainName', '.webkontor.eu']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="site-wrapper">
<div id="header">
<div id="top">
<div class="left" id="logo">
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a href="http://www.webkontor.eu/">
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Line 37 Usability.gov 10:6
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 37 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/logo.gif" alt="" /></a>
</div>
<div class="left navigation" id="main-nav">
<ul class="tabbed">
<li class="current-tab"><a href="http://www.webkontor.eu/seo.html">SEO</a></li>
<li><a href="http://www.webkontor.eu/webanalytics.html">Web Analytics</a></li>
<li><a href="http://www.webkontor.eu/website-check.html">Website Check</a></li>
<li><a href="http://www.webkontor.eu/beratung.html">Beratung</a></li>
</ul>
<div class="clearer"> </div>
</div>
<div class="clearer"> </div>
</div>
<div class="navigation" id="sub-nav">
<ul class="tabbed">
<li class="current-tab"><a href="index.html">SEO</a></li>
<li><a href=".html">On-Page Optimierung</a></li>
<li><a href=".html">Off-Page Optimierung</a></li>
<li><a href="keywords-recherhe.html">Keywords Recherhe</a></li>
<li>
<a href=".html"></a></li>
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a href=".html"></a></li>
<li>
<a href=".html"></a></li>
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a href=".html"></a></li>
<li>
<a href=".html"></a></li>
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a href=".html"></a></li>
<li><a href="sm-cms.html">Suchmaschinenoptimierte CMS</a></li>
<li><a href="seo-referenzen.html">Mitbewerberanalyse</a></li>
</ul>
<div class="clearer"> </div>
</div>
</div>
<div id="splash">
<div class="col3 left">
<h2 class="label label-green">On-Page optimierung</h2>
<p class="quiet large"></p>
<p>Vestibulum eu pellentesque ante. Sed tincidunt quam eu nisl luctus id mattis tellus rhoncus.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec dapibus eros vitae nibh venenatis faucibus.</p>
<p><a href="#" class="more">Learn more »</a></p>
</div>
<div class="col3-mid left">
<h2 class="label label-orange">Off-Page optimierung</h2>
<p class="quiet large">Friday, August 18, 2009</p>
<p><img src="img/sample-event.jpg" width="240" height="80" alt="" class="bordered" /></p>
<p><em>Aliquam augue neque, rhoncus et dictum in, cursus eget mauris.</em></p>
</div>
<div class="col3 right">
<h2 class="label label-blue">Keywords Evaluation</h2>
<p class="quiet large">http://twitter.com/username</p>
<p>Nulla mollis sollicitudin nulla et mattis.<span class="quiet">(2 hours ago)</span></p>
<p>Torquent per conubia nostra, per inceptos himenaeos. <span class="quiet">(2 hours ago)</span></p>
<p>In sed ante at velit hendrerit blandit a et nibh. Cras sed cursus nulla. <span class="quiet">(3 hours ago)</span></p>
<p>Nullam vitae mi at nulla blandit. <span class="quiet">(5 hours ago)</span></p>
</div>
<div class="clearer"> </div>
</div>
<div class="main" id="main-two-columns">
<div class="left" id="main-content">
<div class="section">
<div class="section-title">SEO</div>
<div class="section-content">
<div class="post">
<div class="post-title"><h1>Suchmaschinenoptimierung</h1></div>
<div class="post-date">Suchmaschinenoptimierung = Content + Optimierung + Verlinkung & Geduld</div>
<div class="post-body">
<p>
<a href="#">
<img src="img/sample-image.jpg" alt="" class="bordered" /></a></p>
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a href="#">
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 139 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/sample-image.jpg" alt="" class="bordered" /></a></p>
<p class="large">Mit einer Suchmaschinenoptimierung Ihrer Website schaffen wir die Voraussetzungen zum Erreichen von Top-Positionen in den Suchresultaten zur kostengünstigen Ansprache von Interessenten für Ihre Angebote:</p>
<h2>Analyse Suchmaschinenfreundlichkeit</h2>
<p>Gilbert WEBKONTOR analysiert die Suchmaschinenfreundlichkeit Ihrer Website, damit Sie genau wissen, warum Ihre Website keine Top-Positionen in den Suchresultaten erreicht.</p>
<h2>Massnahmenplan</h2>
<p>Unserer Massnahmenplan für die Suchmaschinenoptimierung definiert und priorisiert die notwendigen Arbeiten (Programmierung, Texte, Verlinkung) zum erreichen von Top-Positionen.</p>
<h2>Keyword-Evaluation</h2>
<p>Was nützen Top-Positionen unter Suchbegriffen, die von Ihren Kunden nicht eingegeben werden. Gilbert WEBKONTOR ermittelt die nachfragestarken Suchbegriffe für Ihre Angebote.</p>
<h2>Text-Optimierung</h2>
<p>Weil die Texte auf Ihrer Website einen grossen Einfluss auf das Ranking haben, optimierenden wird den Inhalt, Aufbau sowie die Keyword-Dichte Ihrer Site.</p>
<h2>Ausbau Linkpopularität</h2>
<p>Links von themenbezogenen Websites beeinflussen das Ranking Ihrer Website. Wir finden für Sie die passenden Link-Partner, um die Positionen Ihrer Website in den Suchresultaten zu verbessern.</p>
<h2>Nachhaltige Investition</h2>
<p>Suchmaschinenoptimierung ist eine Investition und kann nicht mit Werbeausgaben gleichgestellt werden. Die Optimierung einer Website ist ein Prozess und verspricht nachhaltigen Erfolg.</p>
<h2>Das richtige Angebot</h2>
<p>Suchmaschinenoptimierung setzt Erfahrung und Wissen voraus. Seit dem Jahr 2000 betreiben wir professionelles Suchmaschinen Marketing für grosse und kleine Firmen. Referenz-Projekte präsentieren wir Ihnen gerne persönlich an einem Gespräch. Verlangen Sie ein unverbindliches Beratungsgespräch für die Suchmaschinenoptimierung Ihrer Website.</p>
<h2>Webseitecheck – Kurzanalyse</h2>
<p>Website kostenlos und unverbindlich einer Express-Analyse</p>
If several links on a page use the same link text, all those links should point to the same destination. This text is used in some of the duplicated links:
"Read more »".
Line 177 WCAG2 AAA 2.4.9
If several links refer to different targets but share the same link text, add additional link text hidden offscreen by CSS.
<a href="http://templates.arcsin.se/" class="more">Read more »</a>
</div>
</div>
<div class="content-separator"></div>
<div class="col3 left">
<div class="column-content">
<div class="post">
<h3><a href="http://www.webkontor.eu/webanalytics.html">Web Anlytics</a></h3>
<p>Integer diam elit, condi mentum ac semper ut, tincidunt non diam. Ut congue at commodo aenean euismod tincidunt lorem euismod.</p>
If several links on a page use the same link text, all those links should point to the same destination. This text is used in some of the duplicated links:
"Read more »".
Line 191 WCAG2 AAA 2.4.9
If several links refer to different targets but share the same link text, add additional link text hidden offscreen by CSS.
<a href="http://www.webkontor.eu/webanalytics.html" class="more">Read more »</a>
</div>
</div>
</div>
<div class="col3 col3-mid left">
<div class="column-content">
<div class="post">
<h3><a href="http://www.webkontor.eu/website-check.html">Website Check</a></h3>
<p>Sed congue lacinia leo, sed dignissim odio pharetra vel. Fusce a dignissim dui. Fusce semper porttitor enim dapibus venenatis.</p>
If several links on a page use the same link text, all those links should point to the same destination. This text is used in some of the duplicated links:
"Read more »".
Line 203 WCAG2 AAA 2.4.9
If several links refer to different targets but share the same link text, add additional link text hidden offscreen by CSS.
<a href="http://www.webkontor.eu/website-check.html" class="more">Read more »</a>
</div>
</div>
</div>
<div class="col3 col3-mid left">
<div class="column-content">
<div class="post">
<h3><a href="http://www.webkontor.eu/beratung.html">Beratung</a></h3>
<p>Sie wollen ins Internet, wissen aber nicht, wie Sie dort auftreten sollen und wer im Haus Ihr Programm pflegt? Sie sind schon im Netz, aber nicht ganz zufrieden? Sie haben einen tollen Prospekt, wissen aber nicht, wie Sie ihn im Internet gliedern sollen?</p>
<a href="http://www.webkontor.eu/beratung.html" class="more">Read more »</a>
</div>
</div>
</div>
<div class="clearer"> </div>
</div>
</div>
<div class="clearer"> </div>
</div>
<div class="right sidebar" id="sidebar">
<div class="section">
<div class="section-title">Search</div>
<div class="section-content">
<form method="post" action="">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 241 Section 508 1194.22 (n)
Screen readers use LABEL elements or TITLE attributes to describe form fields to non-sighted users.
Without these, forms are very hard to use with a screen reader.
Forms designed to be completed online shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.
Use LABEL tags for each data entry field to show what data is expected.
Line 241 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" class="text" size="28" /> <input type="submit" class="button" value="Submit" />
</form>
</div>
</div>
<div class="section">
<div class="section-title">Recent Entries</div>
<div class="section-content">
<ul class="nice-list">
<li>
<div class="left"><a href="#">Aenean tempor arcu..</a></div>
<div class="right">Oct 12</div>
<div class="clearer"> </div>
</li>
<li>
<div class="left"><a href="#">Justo interdum rutrum</a></div>
<div class="right">Sep 15</div>
<div class="clearer"> </div>
</li>
<li>
<div class="left"><a href="#">In nec justo in urna</a></div>
<div class="right">Sep 12</div>
<div class="clearer"> </div>
</li>
<li>
<div class="left"><a href="#">Accumsan condimentum</a></div>
<div class="right">Sep 6</div>
<div class="clearer"> </div>
</li>
<li>
<div class="left"><a href="#">Etiam commodo bibendum</a></div>
<div class="right">Aug 27</div>
<div class="clearer"> </div>
</li>
<li>
<div class="left"><a href="#">Mauris euismod justo</a></div>
<div class="right">Aug 21</div>
<div class="clearer"> </div>
</li>
<li><a href="#" class="more">Browse Archives »</a></li>
</ul>
</div>
</div>
<div class="section">
<div class="section-title">Board of Members</div>
<div class="section-content">
<ul class="nice-list">
<li><a href="#">Elem Semper</a> <span class="quiet">- Director</span></li>
<li><a href="#">Porttitor Urna</a> <span class="quiet">- Lead Writer</span></li>
<li><a href="#">Congue Porttitor</a> <span class="quiet">- Editor</span></li>
<li><a href="#">Etiam Blandit</a> <span class="quiet">- Writer</span></li>
<li><a href="#">Diet Tesque</a> <span class="quiet">- Writer</span></li>
</ul>
</div>
</div>
<div class="section">
<div class="section-title">Topics</div>
<div class="section-content">
<div class="quiet">
<a href="#" style="font-size: 120%">vestibulum</a> <a href="#" style="font-size: 120%">ante</a> <a href="#" style="font-size: 150%">ipsum</a> <a href="#" style="font-size: 120%">faucibus</a> <a href="#" style="font-size: 90%">orci luctus</a> <a href="#" style="font-size: 80%">ultrices</a> <a href="#" style="font-size: 220%">posuere cubilia</a> <a href="#" style="font-size: 100%">curae</a> <a href="#" style="font-size: 110%">quisque</a> <a href="#" style="font-size: 150%">ut arcu</a> <a href="#" style="font-size: 140%">eros</a> <a href="#" style="font-size: 100%">vestibulum</a> <a href="#" style="font-size: 90%">dapibus</a> <a href="#" style="font-size: 120%">volutpat</a> <a href="#" style="font-size: 200%">elementum</a>
</div>
</div>
</div>
</div>
<div class="clearer"> </div>
</div>
<div id="footer">
<div class="left" id="footer-left"><p class="quiet">Suchmaschinenoptimierung = Content + Optimierung + Verlinkung & Geduld</p>
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 331 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="img/logo-small.gif" alt="" class="left" />
<p>© 2002-2010 Gilbert WEBKONTOR.</p>
<p class="quiet"> Alle Rechte vorbehalten.<!-- <a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a> --></p>
<div class="clearer"> </div>
</div>
<div class="right" id="footer-right">
<p class="large"><a href="kontakt.html">Kontakt</a> <span class="text-separator">|</span> <a href="impressum.html">Impressum</a> <span class="text-separator">|</span> <a href="sitemap">Sitemap</a> <span class="text-separator">|</span> <a href="referenzen.html">Referenzen</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top ↑</a></p>
</div>
<div class="clearer"> </div>
</div>
</div>
</body>
</html>
-->