Professionelle Homepage

wie wäre es denn, wenn du alle hier gestellten Ratschläge mal ernst nehmen würdest, sauberen HTML-Code schreiben würdest und dann mit CSS ordentlich formatierst...

ich komme gerade von nem Polterabend und bin dementsprechend gut dabei, hab aber trotzdem mal schnell folgendes Beispiel gebastelt:

test.html
Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Demo - Positionierung</title>
<meta name="author" content="Martin Bergann"/>
<meta name="keywords" content="Bilder, Text, Positionierung" />
<meta name="description" content="Bilder mit Text drunter ordentlich positionieren" />
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="0" />
<link href="style.css" title="Standard-Design" type="text/css" rel="stylesheet" />
</head>
<body>
  <div id="linkes_bild">
    <img src="bild1.jpg" alt="linkes Bild der Demonstration" />
    <div class="bild_untertitel">
      hier steht ein Text
    </div>
  </div>

  <div id="rechtes_bild">
    <img src="bild2.jpg" alt="rechtes Bild der Demonstration" />
    <div class="bild_untertitel">
      noch ein Text
    </div>
  </div>

</body>
</html>

und die dazugehörige style.css:
Code:
html,body
{
  font-family:sans-serif;
  font-size:11px;
}
div#linkes_bild
{
  float:left;
  margin-right:10px;
}
div#rechtes_bild
{
  margin-left:10px;
}

div.bild_untertitel
{
  font-style:italic;
  fon ;)t-size:0.9em;
}


sollte noch ein Fehler drin sein, schieb ich das mal auf meinen aktuellen Zustand nach einigen Bier, Schlammbowle, div. Schnäpse, etc.
 
Also ich würde dir Joomla empfehlen. Aber bitte nicht die 1.x Version sondern die 1.0.x . Die 1.0.x ist viel Benutzerfreundlich und "logischer" gestaltet. Wenn du diverse Fragen zu Joomla hast einfache eine PM schreiben :]

Edit: Beepworld würde ich gleich mal abschreiben und auf bplaced.net verweisen.

@"Wie bekomme ich ne Domain": dot.tk //Einfache .tk Adresse ohne Werbung
 
Ich empfehle ebenfalls CMS. Wobei Joomla schon recht komplex ist. Da gibt es aber diverse, must dir nur eins aussuchen.

Ich mache es oft ähnlich wie oben genannt; bestehendes Theme (Desgin) schnappen und Grafiken anpassen/austauschen.
 
So ich hab meine Website fertig :D Nächste frage wie Optimiere ich meine HP am besten so dass sie einen guten eintrag bei den Suchmaschienen bekommt?

Wie ich gesehen habe gibt es auch programme zum Optimieren... Kann mir jemand da eines empfehlen? Bin glaub ich schneller übers forum, anstatt alles selbst zu testen...
 
Original von N1tro
Nächste frage wie Optimiere ich meine HP am besten so dass sie einen guten eintrag bei den Suchmaschienen bekommt?

eigentlich macht man sich über solche Dinge schon Gedanken, BEVOR man anfängt...

  1. sauberer HTML-Code
    der Code sollte mit der DocType-Deklaration beginnen, in welcher steht, nach welchem Standard die Seite aufgebaut ist - die gesamte Website sollte dann natürlich validem Code dieses Standards entsprechen - check here: http://validator.w3.org/
  2. logische Gliederung
    die Seite sollte logisch aufgebaut sein. Sinnvolle Verwendung von <title>-Tag sowie die Überschriften-Tags <h1> bis <h6> sorgen für eine klare Strukturierung der Seite.
    Einzelne Absätze stehen in <p> und zur Zusammenfassung von Elementen in einem Block nimmt man ein <div>
  3. Trennung zwischen Content und Design
    Design sollte komplett in CSS-Dateien ausgelagert sein.
    Der HTML-Code sollte lediglich den Inhalt klar gegliedert darstellen
    daraus folgt: keine Tabellen-Layouts verwenden!
  4. Seitenbezogene Meta-Angaben + <title>-Tag
    Die Meta-Tags sollten aussagekräftig sein und sich immer auf die aktuelle Seite beziehen, ebenso sollte nicht auf jeder Seite der gleiche Titel sein, sondern auch der Titel sollte in direktem Zusammenhang mit dem Inhalt stehen.
  5. saubere Seiten-Navigation
    eine Liste (<ul>) als Navigationsmenü ist für Crawler und Screenreader wesentlich angenehmer zu interpretieren, als irgendwelche großen Tabellen-Konstrukte mit jeder Menge Zellen voller Grafik und irgendwo zwischendrin mal ein Link...
    Flash für die Navigation sollte möglichst komplett unterlassen werden, da viele Suchmaschinen-Robots damit überhaupt nicht umgehen können.
    Auch dynamische Navigationen mittels JavaScript sind nicht immer so von Vorteil.
    man kann sicherlich mit javaScript oder auch Flash arbeiten, solange für alle, die kein Javascript aktiviert haben oder kein Flash-Plugin haben die Inhalte trotzdem klar strukturiert anzusteuern gehen.
  6. Alternativ-Texte für Bilder
    oft werden Bilder verwendet, um irgendwelche Texte darzustellen. Sei es das Firmenlogo mit Firmenname oder ein Button in der Navigation - dies ist solange okay, solange die Bilder einen Alternativ-Text besitzen, welcher dafür sorgt, dass auch ohne Anzeige von Grafiken der komplette Inhalt klar lesbar ist.
  7. Umfang des Inhalts
    Die Seite sollte nicht überladen mit Information sein, aber auch nicht zu sparsam mit Informationen umgehen. Ein sauberes Mittelmaß; damit der Leser alle wichtigen Informationen bekommt, aber nicht zu ausgeschweift.
  8. URL
    Die Domain der Seite sowie die restlichen Verzeichnisse / Dateien der Adresse sollten ebenfalls in engem Zusammenhang mit dem Inhalt stehen.
    Daher nach Möglichkeit auf Konstrukte wie meine-seite.de/index.php?page=1 verzichten und lieber meine-seite.de/startseite/ oder ähnlich.
  9. Links auf die Seite / die "Nachbarschaft" deiner Seite
    Es ist nicht wichtig, wie oft deine Seite verlinkt wird, sondern von wem deine Seite verlinkt wird.
  10. Art des Links
    Ein Textlink, in dem sich der verlinkte Text auf den Inhalt der verlinkten Seite bezieht, zählt viel mehr als ein Link zur Hauptseite auf einem Banner-Friedhof. Bannerfiredhöfe / Link-Farmen sind hingegen sogar schädlich
  11. Links zu anderen Seiten
    Welche bedeutenden Seiten, welche im direkten Zusammenhang mit dem Inhalt deiner Seite stehen, werden von dir verlinkt?!
  12. die Seite sollte in erster Linie nicht für die Suchmaschine, sondern für den Betrachter optimiert sein
    jeglicher auffälliger Versuch, die Seite so zu gestalten, dass Suchmaschinen dort unbedingt landen sollen, wird mit weiterer Ranking-Abstufung der Seite bestraft. Du solltest es auf jeden Fall unterlassen, irgendwo große Wort-Sammlungen (vieleicht sogar noch weiße Schrift auf weißem Hintergrund oder ähnliche Späße) anzubringen.

so, das waren jetzt genügend SEO-Geheimnisse...
 
Proggertips hast du schon bekommen, ich mach mal weiter mit dem was man beim Design beachten sollte. Wenn du eine professionelle Page haben willst, sei es nun auf CMS aufgebaut oder mit Dreamweaver etc. gestaltet so solltest du einige kleine Regeln beim Design beachten.

Bei einer professionellen Page ist die Farbe ganz wichtig. Nehme Farben die gut harmonieren und nicht zu grell sind. Du solltest dich dabei auf 3 bis maximal 4 Hauptfarben beschränken und nicht immer wieder bei jeder Seite die du erstellst eine neue Schriftfarbe nehmen nur weil dir diese gerade gefällt. (fällt raus wenn du ein CMS nimmst da die meist eh so aufgebaut sind.^^)

Mit Bildern würde ich sparsam umgehen, Ausnahme ist eine Gallery oder Album. Weil wenn du auf normalen Seiten, vor allem beim Start, viele Bilder reinhaust sieht das vielleicht wieder aus wie wahllos ausgesucht nur um den Platz zufüllen.

beavisbee sein Punkt 7 ist ganz wichtig. Normale 0815 User schauen im Durchschnitt 10 Sekunden eine Seite an die sie nicht kennen. In dieser kurzen Zeitspanne entscheidet alleine meistens der Aufbau der Index darüber ob die User sich die Seite weiter anschauen oder gleich wieder abhauen.

Najo, soweit ist erstmal alles gesagt.

Gruß Dreamer
 
Sorry wenn ich mal etwas unproduktives einwerfen möchte, aber:

Eine professionelle Homepage wird sicher nicht von einem Laien entworfen und programmiert, oder?

Ich finde das widerspricht sich ein bisschen. -g-
 
Eine professionelle Homepage wird sicher nicht von einem Laien entworfen und programmiert, oder? Ich finde das widerspricht sich ein bisschen. -g-
Nicht zwingend.

html ist nicht sonderlich schwierig, gut möglich dass einer, der gut Programmieren kann, etwas erfahrung mit gfx hat sich mal eine Homepage zusammenstrick, obwohl er das noch nie gemacht hat. So schwierig ist das nun wirklich nicht.

Da aber viele Wege zum Ziel führen, und sich mit Web2.0 der Trend auch stark geändert hat, finde ich die Frage durchaus angebracht. Es gibt genug KMUs die nicht zu einer grossen Website-Designer Firma gehen wollen.
 
Ich würde mir ein professionelles Design erstellen lassen. Da gibts mittlerweile richtige Agenturen für, sonst kann ich dir aber auch noch ein paar ICQ-Nummern per PN mitteilen.
LG
 
Original von weau
Ich würde mir ein professionelles Design erstellen lassen. Da gibts mittlerweile richtige Agenturen für, sonst kann ich dir aber auch noch ein paar ICQ-Nummern per PN mitteilen.
LG
Naja, z. B. ein stabiles CMS System, für welches man ein Theme erstellt, sofern man es kann, gibt eine gute Aufwand/Nutzen Gleichung. :)
 
Zurück
Oben