Frage zum Websitecheck

letterbox · 9. März 2018

Hallo, ich habe heute meine Website http://fotografie2000.de/ dem Websitecheck https://www.pergamon-interactive.de/sitecheck-2016.html unterzogen und dabei folgende Meldung erhalten (screenshot).
Was muß ich ändern?

HTML:

<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Fotografie2000</title>
   <meta name="description"Der Autor gibt Einblick in sein künstlerisches Schaffen;Malerei, Acrylmalerei Aquarelle "Platzhalter - Ein kurze Beschreibung des Inhalts in Satzform">
	<meta name="Keywords" content=Malerei, Acryl, Aquarelle>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- <link href="../css/zentrale.css" rel="stylesheet"> -->
   
   <style>

   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);

   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);

   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

 
   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);

   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);

   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

   /*Basisangaben*/
   @media all {
      header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
         display: block;
      }
      * {
         /*box-sizing: border-box;*/
         min-width: 1px;
      }
      html {
      }
      body {
         padding: 1rem 0.5rem 2rem 0.5rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*Schriften*/
   @media all {
      html {
         font-family: sans-serif;
         font-size: 120%;
         line-height: 1.3;
      }
      h1 {
         font-family: 'Felix titling', serif;
         font-size: 1.3rem;
		 color: #000000;
         letter-spacing: 0.1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
     
      }
      
      h2 {
         font-family: 'Felix titling', serif;
         font-size: 1.0rem;
		 color: blue;
         letter-spacing: 0.1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
		 } 
	   p, li, dl, dt, address {
         font-family: Roboto, sans-serif;
         font-size: 1rem;
         font-style: normal;
         margin: 0.5rem 0rem 0.5rem 0rem;
		
      }
      a {
         /*darkblue*/
         color: hsla(240, 100%, 27%, 1);
         text-decoration: none;
         outline: none;
         margin: 0rem 0rem 0rem 0rem;
      }
      figcaption {
         font-family: Roboto, sans-serif;
         font-size: 0.9rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*Grafiken*/
   @media all {
      figure {
         min-width: 1px;
         max-width: 100%;
         min-height: 1px;
         margin: 0,1rem;
      }
      img {
         min-width: 1px;
         display: block;
         max-width: 100%;
         /*max-height: 100vh;*/
         border: 0;
      }
   }

   /*Listen dl*/
   @media all {
      dl {
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      dt,
      dd {
      }
      dt {
         font-weight: bold;
         margin: 0rem 0rem 0rem 0rem;
      }
      dd {
         margin: 0rem 0rem 1rem 0rem;
      }
      dd p {
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*body*/
   @media all {
      body {
      }
   }
   @media only screen and (min-width: 1000px) {
      body {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
      }
   }

   /*.pageheader*/
   @media all {
      .pageheader {
         background-color: #97FFFF;
         border: 1px solid black;
      }
      .pageheader h1 {
         text-align: center;
	   }
	   
   }
   @media only screen and (min-width: 1000px) {
      .pageheader {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 0rem - 2px - 0rem);
      }
   }

   /*.navigation*/
   @media all {
      .navigation ,.sidebar span.Stil1{
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      
   }
     a:hover{
    
}
   @media only screen and (min-width: 1000px) {
     .navigation a,.sidebar span.Stil1,
      .navigation a:visited {
         display: block;
         color: 	#483d8b;
         font-weight: bold;
         padding: 0.3rem;
         border: 1px solid black;
         border-radius: 0.3rem;
      }
     .sidebar span.Stil1:hover{
        background-color: black;
         color: gold;
       
     }
      .navigation a:hover,
      .navigation a:active,
      .navigation a:focus {
         background-color: black;
         color: gold;
	   }

   /*.content*/
   @media all {
      .content {
         background-color: #63B8FF;
         border: 2px solid black;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .content h2 {
         color: 	#c71585;
         text-align: center;
      }
      .content figure {
         max-width: 600px;
         margin: 0rem auto;
      }
   }
   @media only screen and (min-width: 1000px) {
      .content {
         margin: 0.5rem 1rem;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 250px - 250px - 1rem - 2px - 2rem);
      }
   }

   
   /*.pagefooter*/
   @media all {
      .pagefooter {
         padding: 0.5rem;
         border: 2px solid black;
         margin: 0.5rem 0rem;
      }
   }
   @media only screen and (min-width: 1000px) {
      .pagefooter {
         background-color: #97FFFF;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 1rem - 4px - 0rem);
      }
   }

   /*Vorlagen zum Kopieren*/
   /*CSS*/
   @media all {
   }
   @media only screen and (min-width: 0px) {
   }
   @media only screen and (max-width: 0px) {
   }

   .Stil1 {color: #0000FF}
 

   .Stil1 {color: #0000FF}
   </style>
   <link rel="icon" type="image/vnd.microsoft.icon" href="www.guenter-leipfinger.de/favicon.ico">
   <link href="../Drw-homepage neu/Style2000.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
   <header class="pageheader">
      <h1>Herzlich willkommen</h1>
   </header>
   <nav class="navigation">
      
	   <p><a href="http://www.fotografie2000.de/photoalben/photoalben.html">Photoalben</a></p>
     <p><a href="http://www.fotografie2000/Kontakt.html">Kontakt</a></p>
      <p><a href="http://www.fotografie2000/impressum.html">Impressum</a></p>
      <p><a href="http://47648.my-gaestebuch.de" target="_top">G&auml;stebuch</a></p>
      <p>&nbsp;</p>
	   
	   <script type="text/javascript" src="https://whomania.com/count/k2p"></script>
	 
     <div align="center"><span><p style="font-size:12pt;">Letzte Aktualisierung:</p>
  <!--?php echo date("d.m.Y, H:i:s",filectime("index.php"));
?-->
    <script type="text/javascript">
document.write(new Date().getDatenew Date().getMonth()+1)+"."+new Date().getFullYear())
  </script>20.2.2018<p></p>

	  
   </span></div></nav>

	  
   </nav>
   
   <main class="content">
      
	   <center>
	     <h2>Fotografie</h2>
	   </center>
      <figure>
        <div align="center"><img src="http://www.fotografie2000.de/libelle.jpg"libelle.jpg" alt="Fotografie" align="middle"></div>
      </figure>
      <footer class="contentfooter">      </footer>
   </main>
    
</body>

</html>

Lawnmower · 9. März 2018

Steht doch alles da -

lesen und wenn man es nicht versteht Google anwerfen weil da wirds zig Antworten zu den Themen schon geben. Und wie schon in einem der anderen Threads Dir geraten wurde: Code bereinigen und sauber machen.
Keywords kannst aber weglassen - das guckt schon seit Jahren keine Suchmaschine mehr an.

derlorenz · 9. März 2018

Auf jeden Hinweis klicken, dir die Erläuterung durchlesen und entsprechend lösen.

Oder (gerade bei der Anzahl deiner Anfragen zu dieser Website) jemanden beauftragen.

PS: Mit folgendem Tool https://hosting.1und1.de/website-check wird dir jeweils auch die Lösung angezeigt.

p4cx · 9. März 2018

Ich hab mir deine Seite mal etwas angeguckt. Dieser Webseitencheck da - wie soll ich es sagen - ist dein geringstes Problem. Du hast in deinem Code ein Chaos drinnen, er ist kaum lesbar.
Mein Rat wäre es, wenn dir das Projekt am Herzen liegt: Setzt dich hin und räume das Chaos auf und lerne HTML & Co. und versuch nicht alles zusammenzukopieren. Alternativ bietet sich auch ein fertiges CMS wie Wordpress an - das erspart viel Arbeit und sieht auch noch gut aus dabei.

Ich wünsche dir noch viel Erfolg und fleißiges Lernen.

Suche

Frage zum Websitecheck

letterbox

Banned

Anhänge

Lawnmower

Maître de cuisine

derlorenz

Commander

p4cx

Ensign

Ähnliche Themen