Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Alt-Text für das Head-Bild
Ich optimiere meine Seite mit OnPage.org und so langsam nerven mich die Hinweise und Fehler, die nur Jimdo beheben kann, z.B. Alt-Text für das Head-Bild. Ich kann das leere Feld für den Alt-text im Quellcode sehen. Ich meine den Alt-text und keine Bildunterschrift, also dass, was einem Blinden vorgelesen wird, wenn er die Seite besucht und was Google freut, weil Google ist auch blind.
Ich würde gerne den Alt-text hinzu zu fügen, kann dafür aber leider nur den Head verwenden. Bislang habe ich keinen Workaround gefunden. Img src wird im Head abgelehnt. Vielleicht hab ja jemand eine Idee.

...das geht auch nicht. sh.: https://www.christianheilmann.com/2009/0...kground-images/
Zitat
CSS background images which are by definition only of aesthetic value – not visual content of the document itself. If you need to put an image in the page that has meaning then use an IMG element and give it an alternative text in the alt attribute. You can also add a title attribute to add extra information that will be displayed to every user as a tooltip. If your image has a lot of content (for example a graph) then consider using the longdesc attribute to link to a textual representation of the same data or display the same data for example as a data table in the same document.
That is it – images in CSS are only visual extras, not page content, hence they never need alternative text. “Rounded corner” or “blue-yellow gradient” does not help anybody as alternative text – on the contrary, it annoys the end users.
Schade auch!
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Hallo az,
danke für den Hinweis. Ich habe jetzt das Layout Melbourne ausgesucht und das Bild als Hintergrund eingefügt. Das benötigt anscheinend keinen Alt-text. Zumindest wird es von onpage.org nicht angemeckert. Aber es gibt neue Tücken. Wenn ich meinen Titel oben ins Bild schreibe, ist die Meldung, mehr als eine H1-Überschrift. Anscheinend wird der Titel als H1 gewertet. Geht also nicht. Dann habe ich den Titel als Bild abgespeichert und im Logobereich eingefügt. Das ergab wieder die Meldung: Bild ohne Alt-text und das 3mal je Seite, weil Jimdo anscheinend das Bild für 3 mögliche Auflösungen vorhält. Dann habe ich das Textbild auf meiner versteckten Seite eingefügt, um es referenzieren zu können, dabei ist es mir unter den Body verrutscht, was bei meinem Layout Klasse aussieht und letzten Endes durch großformatigen Text ersetzt und jetzt gibt Onpage.org endlich Ruhe. Habe jetzt also eine Unter- statt Überschrift. Finde ich gut.
url: http://hafenspeicher.com
Jetzt werde ich mir mal Deine Anleitungen für Zweisprachigkeit anschauen, da die hreflangs bei Jimdo aufgrund der gemeinsamen Oberseite nicht wirklich fehlerfrei gesetzt werden können.
Gruß Jochen

Hallo Jochen,
...willst Du wirklich den Content in schwarz über den Hintergrund legen? Momentan sieht Deine Seite in Standard-Auflösung 1440x864px so aus:
...ich sehe gar nix von dem schönen HG-Bild.
LG, az
Mein Tipp: installier Dir unbedingt Chrome als Browser und sieh Dir Deine Seite in der responsiven Vorschau an. Damit kannst Du viele Auflösungen simulieren. Damit alle etwas von Deiner Webseite haben.
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

...den header-title zurück (Jimdo-Standardeinstellungen). Mehrere h1 sind doof, aber nicht schlimm. Nicht überbewerten! oder Design wechseln - bei den meisten responsiven (neuen) Layouts ist das bereits behoben, da ist der Header-Title ein span und kein h1 mehr. Ich finde, ein Header-Title über dem Content ist mehr als wichtig!
...die Ausrichtung des Layouts würde ich mittig legen. Und unbedingt einen Abstand von oben einrichten, der sich mit der Browserbreite verändert. Nimm h/b Deines HG-Bildes x 100 als Faktor für "vw", dann siehst Du immer den gleichen Ausschnitt:
.layout-alignment {
margin: 0 auto;
margin-top: 40vw;
}
LG, az
PS: Wie wäre es mit (zweizeilig):
Übernachten mit Seeblick - im Hafenspeicher Strahlsund - und einem Logo statt der h1-Überschrift? Dann kannst du h1 auf jeder Seite als spezifische Überschrift einsetzen - freut sich Google!

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

noch was:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
div#cc-m-7556272176 {
width: 250px;
margin: 50px auto;
padding:15px;
background-color:white;
border-radius:6px
}
div#cc-m-7556272176 p {
color:#333;
line-height:1.8
}
div#cc-m-7556272176 font {color: #333; font-weight: bold;}
div#cc-m-7556272176 input[type="submit"] {
width:200px;
padding:15px;
border-radius:8px;
margin-left: 25px;
font-size:18px;
}
...macht aus dem hier das hier:
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Hallo az,
herzlichen Dank für die vielen wertvollen Anregungen. Um mit dem Quick-check-Formular anzufangen:
Wo füge ich den Code ein?
Hier noch der Quelltext:
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
<script language="JavaScript" type="text/javascript">
//<![CDATA[
var Hotel_Booking_Page = "http://www.hafenspeicher.com/deutsch/verfuegbarkeit-preise-buchen/";
var Language = "d";
var MonthName=new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
var ArrDate = "Ankunftstag";
var Nights = "Anzahl Nächte";
var Pax = "Personenanzahl";
var Adult = "Erwachsene";
var Child = "Kind von ";
var Years = "Jahren";
var SearchButton = "Verfügbarkeit prüfen";
var Hotel_ID = "hafenspeicherstralsund";
var today = new Date();
var day=today.getDate();
var month = today.getMonth();
var year = today.getFullYear();
document.write("<form action='",Hotel_Booking_Page,"' method='get'>");
document.write("<input type='hidden' name='hotel_id' value='",Hotel_ID,"'>");
document.write("<input type='hidden' name='spr' value='",Language,"'>");
document.write("<input type='hidden' name='modus' value='quick-res'>");
document.write("<font face='Arial' size='2'>");
document.write(ArrDate,":<br>");
document.write("<nobr><select name='anktt' size='1'>");
for (i = 1; i <= 31; i++) {
document.write("<option");
if (i == day) document.write(" selected");
document.write(">",i,"<\/option>");
}
document.write("<\/select>");
document.write("<select name='ankmm' size='1'>");
for (i = 0; i < 12; i++) {
document.write("<option value=", i+1);
if (i == month) document.write(" selected");
document.write(">",MonthName[i],"<\/option>");
}
document.write("<\/select>");
document.write("<select name='ankjj' size='1'>");
for (i = year; i <= year + 1; i++) {
document.write("<option value=", i);
if (i == year) document.write(" selected");
document.write(">",i,"<\/option>");
}
document.write("<\/select><\/nobr><p>");
document.write("<nobr>",Nights,": ");
document.write("<select name='tage' size='1'>");
for (i = 1; i <= 30; i++) {
document.write("<option");
if (i == 1) document.write(" selected");
document.write(">",i,"<\/option>");
}
document.write("<\/select><\/nobr><p>");
document.write(Pax,":<br>");
document.write("<nobr><select name='anzahl_erw' size='1'>");
document.write("<option>-<\/option>");
for (i = 1; i <= 6; i++) {
document.write("<option");
if (i == 2) document.write(" selected");
document.write(">",i,"<\/option>");
}
document.write("<\/select>");
document.write(" ",Adult,"<\/nobr><br>");
for (a = 1; a <= 3; a++) {
document.write("<nobr><select name='anzahl_kind",a,"' size='1'>");
document.write("<option>-<\/option>");
for (i = 1; i <= 3; i++) {
document.write("<option>",i,"<\/option>");
}
document.write("<\/select>");
document.write(" Kind von ");
document.write("<select name='kind_alter",a,"' size='1'>");
document.write("<option>-<\/option>");
for (i = 1; i <= 17; i++) {
document.write("<option>",i,"<\/option>");
}
document.write("<\/select>");
document.write(" Jahren");
document.write("<\/nobr><br>");
}
document.write(" <br>");
document.write("<input type='submit' value='",SearchButton,"' style='width:140px;font-family:Arial;color:#FFFFFF;background-color:#923C33;pointer'>");
document.write("<\/font>");
document.write("<\/form>");
//]]>
</script>
Und würde das auch das Problem in der mobilen Ansicht lösen?:
Gruß Jochen

Hallo Jochen,
bitte benutze immer die Schaltfläche "code" (), wenn Du Code posten möchtest. Einfach den Code zwischen die [c*de]...[/c*de] packen, dann wird er viel schöner dargestellt.
Und für Bilder kannst du nach dem hochladen "hinzufügen" klicken.
Zu Deiner Frage: Leider nein! Du hast Deinem Layout-Alignment und deinem Content-Container eine fixe Breite gegeben. Dann geht mobil gar nichts mehr. Auf was für einem Design ist Deine Webseite aufgebaut?
LG, az
PS: Du kannst die mobile und responsive Darstellung übrigens in der Chrome-Vorschau ausprobieren (strg/cmd + I)
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
OK. Machich. Ansonsten sorry, ich habe überhaupt keine Ahnung vom Programmieren. Wenn mich was stört, suche ich solange, bis ich ein Snippet finde und probiere es einfach aus. Ich fürchte, Du hast Deine tollen Hinweise an einen Dilletanten verschwendet. Ich habe einmal versucht, bei Jimdo ein eigenes Layout her zu stellen und dabei die Seite zerschossen. Da darf ich nicht mehr ran. Schön wäre es, wenn es da einen Schalter gäbe Auf "Voreinstellungen zurück setzen" und noch schöner wäre ein Schalter, mit dem man ein ausgesuchtes Layout dort einlagern könnte, um es dann vorsichtig zu verändern.
LG, Jochen
Hallo az,
habe Deine Frage bezüglich Design auf das Quick-Check-Formular bezogen. Wahrscheinlich meintest Du aber das Design. Das heißt Melbourne. Ich ging davon aus, dass alle im Business-acount angebotenen Layouts responsive sind. Dem ist anscheinend nicht so, oder? Die Schwierigkeiten mit dem Quick-Check-Formular tauchten bei "Cape Town" nicht auf.
LG, Jochen
Danke az,
ich wäre garnicht auf den Gedanken gekommen,dass jemand das dargestellte Haus nicht für das Hotel halten könnte. Ich habe Deinen Vorschlag mit dem Hinweispfeil etwas maritimer umgesetzt. Siehe Anlage. Darauf ist auch zu erkennen, dass ich das Arbeiten mit hohen Auflösungen gewohnt bin, aber natürlich ist es wichtig, auf kleinere Auflösungen zu optimieren. Nachdem ich ein anderes Layout (Amsterdam) gewählt habe und den Body von Quick-Check, Facebook, Kontakt etc. gesäubert habe, käme ich auch mit 2 Spalten und einem einem schmaleren Body aus. Um das und den größeren Abstand von oben her zu stellen werde ich mich schlau lesen müssen.
LG Jochen
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!