Smart Responsive Layout Topline und Header

Hallo,

1 Frage dazu:

1. Wie hast du auf der Seite costa.in-via.de denn die Grafik eingefügt?
Hab es mit eben angesehen, wie du das gemach hast.
Ich vermute das wird mit einer so großen Grafik, nicht möglich sein, das diese sich 100% sauber anpassen kann, bei einer mobilen Ansicht...
Oder es liegt da noch ein Fehler vor im Layout. Warte da mal auf eine Aussage von Zeta dazu ab.

2. Was ist auf der Seite a-rosa.in.via.de falsch?
Das die Headerbilder (in der mobilen Ansicht) nicht angezeigt werden ist in diesem Layout normal.
Diese werden erst angezeigt, wenn man oben dem Menü auf den "Pfeil nach unten" klickt.

Hallo Andro,

Sind die 3 Buttons für Startseite Kontakt und Impressum im Originallayout an der Stelle enthalten?
Grundsätzlich zeigt sich hier ein Zielkonflikt in "responsive": Bilder sollen in responsive verkleinert werden, umsie weiter komplett anzuzeigen. Text und Buttons hingegen sollen in lesbarer Größe erhalten werden. Bei Deiner Seite ist im Header ein Bild, welches verkleinert werden soll, darüber auf einem anderen Layer 3 Buttons, die lesbar sein sollen. Zusätzlich ist dann noch das Poolbild rechts vom Header. Ich kann mir nicht vorstellen, dass dies so wie von Dir umgesetzt, von Zeta geplant war.
Hoerzu ein Beispiel von unsrer eigenen Homepage: Ursprünglich sah das Konzept (und auch das nicht responsive Layout Cats) den Homepagetitel in der Mitte und links das Vereinslogo (Feuerblume) und rechts das Dojologo (Reissack) vor. Mit Layoutwechsel auf simple responsive überlagerten sich die beiden Logos. Für das rechte Logo war im "responsive" kein Platz vorgesehen.

Wenn die drei Buttons samt zweiten Bild rechts im Original des Layouts beinhaltet sind, sollten die Jungs vom Support zugeben können, dass hier ein Konzeptfehler vorliegt.

Wenn Du das Originallayout geändert hast, mache alle Änderungen rückgängig, bis Du wieder beim Original-Layout bist. Probiere dann noch mal, wie es responsive aussieht.

Allgemein zum Thema "responsive": in letzter Zeit tauchen hier vermehrt "Probleme" mit responsive Designs auf, das dieses oder jenes nicht funktioniert. Meistenteils werden die Fragesteller getrieben von der Google-Ankündigung, das nicht für mobile Geräte optimierte Websites im Ranking abgestraft werden. Wenn ich mir dann aber die "Problemseiten" ansehe, fehlt bei diesen jegliche SEO-Grundlagen. Bitte schau Dir mal die Costa Auswertung bei Nibbler an. Die Darstellung auf mobilen Geräten ist nicht der Grund, dass die Seite bei Google hinten landet. Wenn Du bei den Nibbler-Kriterien bei maximal 10.0 Punkten bei "incoming links" 0.0 stehen, bei "mobile" aber 8.6, liegt der Fehler nicht in der responsive Darstellung.

Ihr wollt mit Euren Seiten verkaufen, leider konzentriert Ihr Euch darauf, dass diejenigen, die Euch tatsächlich besuchen, eine möglichst hübsche Homepage finden. Viel wichtiger ist aber, dass die Leute, die Euch nicht kennen, über die Google-Suche tatsächlich auf Eure Seite kommen. Vor vielen Jahren war im Internethandel von der Quote 1:1000 die Rede. Da ich für unsere Seite Google-Analytics und webmastertools verwende, kann ich eigene Zahlen zum Vergleich heranziehen. Von 100 Leuten, die nach "Karate Pirna" suchen, kommen 2 Clicks auf unsere Seite zustande. Von 100 Besuchern verirren sich 2 auf die Seite "Mitglied werden" Ab hier steigt die Quote auf ca. 1:10, d.h. jeder 10. Besucher "kauft" eine Mitgliedschaft oder einen Kurs. In der Summe brauche ich 25.000 Impressionen bei Google für ein neues Vereinsmitglied. Gegenwärtig werden wir je Monat ca. 3000-mal gelistet und haben ca. 1800 Besucher im Monat.
Bevor Ihr Euch Gedanken über das mobile Layout macht, kümmert Euch erst mal um Eure Besucherzahlen. Bei weniger als 1000 Besuchern am Tag spielt das Design der Homepage keine Rolle für gewerbliche Websites.

Hallo Andro,

ich habe hier nur die Express-Lizenz, kann also das Layout nicht testen. In der Layoutvorschau ist jedoch bei smart responsive keine Grafik vorgesehen, wie es bei arosa.in-via.de auch ordentlich zu sehen ist. Jochen wollte Dich eigentlich fragen, wie Du die Grafik eingefügt hast, es dann aber gestrichen, weil er es verstanden hat. Ich kann es momentan nicht erkennen.

Vom Layout her ist dort aber kein Bild vorgesehen, sondern nur ein einfarbiger Hintergrund. Ein Hintergrund muss nicht responsive sein, die Farbe ändert sich ja nicht. Wenn Du jetzt an dieser Stelle doch ein Bild einfügst, noch dazu über die "Trickkiste" wird dieses eben nicht responsive dargestellt.

Bei arosa.in-via.de hast Du das originale Zeta-Layout verwendet, und dort funktioniert ja auch alles.

Noch ein Hinweis: Vergleiche mal in Zeta die Google-Seitenbeschreibungen von Arosa und Costa. Bei Costa ist noch der Wurm drin. Im Quelltext findet sich folgendes:

<meta name="description" content="Für Ihre Kreuzfahrt finden wir Ihr persönliches " zuhause="" auf="" see".="" echte="" luxuskreuzfahrten,="" großsegler,="" expeditionskreuzfahrten,="" familienkreuzfahrten,="" clubschiffe="" uvm.="" in="" sachen="" kreuzfahrt."="">

Bei Arosa sieht der selbe Bereich so aus:

<meta name="description" content="Das Reisebüro InVia empfiehlt ihnen Kreuzfahrten auf dem Fluss. Die Kreuzfahrtschiffe A-ROSA AQUA, A-ROSA VIVA & A-ROSA BRAVA, begrüssen Sie mit hervorragendem Service auf den Flüssen Europas.">

zuhause=, auf=, echte= usw. werden damit als fehlerhafte Attribute gewertet, also HTML-Codefehler.

***

Sorry, dass es gerade Dich getroffen hat mit meinem Ausbruch zu responsive Designs, ich sehe das ganze Thema "Homepage" mehr von der verkäuferischen Seite, das heißt: Besucher, Besucher, Besucher! Erst wenn sich die Besucher beschweren, dass die Seite "sch..." aussieht, wird Design wichtig.

Abschließend möchte ich an dieser Stelle das Forumsmitglied Gawainos zitieren: "P.S.: Ich meine es nie böse... "

Hallo Andro,

Zitat von andro56

Hallo Thomas...ich sehe bei Costa:
<meta name="description" content="Für Ihre Kreuzfahrt finden wir Ihr persönliches Zuhause auf See. Echte Luxuskreuzfahrten, Großsegler, Expeditionskreuzfahrten, Familienkreuzfahrten, Clubschiffe uvm. in Sachen Kreuzfahrt.">
<meta name="keywords" content="costa, kreuzfahrt, reisebüro, invia, in-via"> ich weiss nicht wo du diesen enstellten Text herhast.

den hatte ich direkt aus der Anzeige Seitenquelltext kopiert. Du hast ja das Bild inzwischen entfernt und jetzt ist der Text nicht mehr verstümmelt. Durch das Rausnehmen des Bildes hat sich übrigens die HTML-Fehlerzahl von 28 auf 13 verringert.

Zitat von andro56

Besteht denn eigentlich die Möglichkeit die Metatags direkt im Quelltext zu bearbeiten?

In Zeta kannst Du nur Artikel im Quelltext bearbeiten. Meta geht zum einen über globale oder Seitenbezogene Attribute bzw. was Keywords, Titel und Beschreibung betrifft, über den Google-Reiter bei den Seiteneigenschaften (Inklusive Vorschau des Suchergebnisses)

Hallo,

danke für den Beitrag. Wir werden das Layout "Smart Responsive" für das nächste Update auf jeden Fall aktualisieren.

andro56: Zeta Producer ist ja in erster Linie ein Desktop CMS und soll Benutzer ermöglichen ohne große Kenntnisse eine eigene Website aufzubauen und zu pflegen. Wie Du schreibst bist mit dem Thema Webdesign ja schon länger vertraut und empfindest die Möglichkeiten von Zeta Producer daher auch etwas beschränkt. Genau für Benutzer wie Dich haben wir mit der Version 12.5 das neue Layout- und Widget-Konzept realisiert, sowie die Entwickler-Funktionen integriert. Schau Dir dazu doch einfach mal folgende Seite an: http://www.zeta-producer.com/de/homepage-ba…ebdesigner.html und dann auch die Developer-Dokumentation unter http://developer.zeta-producer.com/index.html. Du hast hier also als Entwickler alle Möglichkeiten und kannst Dich so richtig austoben