mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:51 Benutzername: Passwort: Auto-Login

Thema: [Html] Verlinkung zur englischen Version der gleichen Websit vom 10.06.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [Html] Verlinkung zur englischen Version der gleichen Websit
Autor Nachricht
michael 010
Threadersteller

Dabei seit: 02.09.2010
Ort: Hamburg
Alter: -
Geschlecht: Männlich
Verfasst Di 10.06.2014 18:27
Titel

[Html] Verlinkung zur englischen Version der gleichen Websit

Antworten mit Zitat Zum Seitenanfang

Hallo erstmal. Ich hoffe ich habe das Thema richtig formuliert. Die Website, die erstellt habe, soll nun in englischer Sprache (andere Sprachen kommen später dazu) erscheinen.
Die deutsche Version liegt auf der Hauptebene. Für die englische Version habe ich die Seiten kopiert, und in einem Ordner "en" gepackt. Die Bilder liegen in einem Ordner picture. Der Text ist übersetzt, die englische Version hat <html lang="en"> in den MetaTags, Die "keywords" und die "description" werde ich noch übersetzen.
Die Verlinkung von der deutschen zur englischen Seite sieht so aus:
Code:
 <a href="en/index.html"><img class="flagg" src="picture/pic_uk.gif"></a>

Der funktioniert auch, aber sollte der Link nicht ein Hinweis auf eine englische Sprache enthalten?
<a href="en/index.html" hreflang="en" lang="de"><img class="flagg" src="picture/pic_uk.gif"></a>

Meine Frage: Ist das die richtige Notation dafür oder verwechsele ich da die Bezeichnung? Bitte um Korrektur.

Dann sehen die Links innerhalb der englischen Version so aus:
Code:
 
                <ul>
               
                    <li class="on">Home</li>
                    <li><a href="philosophie.html">Philosophy</a></li>
                    <li><a href="uebermich.html">About me</a></li>
                    <li><a href="projekte.html">Projects</a></li>
                    <li><a href="kontakt.html">Contact</a></li>
                   
                </ul

2 Frage: Müssen die Seiten korrekter Weise auch englische Namen haben?
<li><a href="aboutme.html">About me</a></li>

Und 3. sollten die Links innerhalb der englischen Version ein Hinweis auf die englische Sprache haben?
Code:
  <li><a href lang="en"="aboutme.html">About me</a></li>

Auch hier weiss ich die Notation nicht genau. Alles funktioniert, aber möchte mich nicht mit Google anlegen.
Für die Korrektur der Notationen bin Euch echt dankbar.
PS. Ja, ich habe vorher gegoogelt, und ja, über PHP würde das echt einfacher sein. Bin aber schon ganz glücklich, wenn dieses korrekt läuft.

LG
Michael
  View user's profile Private Nachricht senden
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich
Verfasst Di 10.06.2014 19:05
Titel

Re: [Html] Verlinkung zur englischen Version der gleichen We

Antworten mit Zitat Zum Seitenanfang

michael 010 hat geschrieben:

Meine Frage: Ist das die richtige Notation dafür oder verwechsele ich da die Bezeichnung? Bitte um Korrektur.

Du kannst an anderer Stelle für jede deutsche Seite eine entsprechende englische referenzieren und umgekehrt: https://support.google.com/webmasters/answer/189077?hl=de .

michael 010 hat geschrieben:

2 Frage: Müssen die Seiten korrekter Weise auch englische Namen haben?

Wenn du Wert darauf legst, unter diesen gefunden zu werden: ja.

michael 010 hat geschrieben:

Und 3. sollten die Links innerhalb der englischen Version ein Hinweis auf die englische Sprache haben?
Code:
  <li><a href lang="en"="aboutme.html">About me</a></li>


Nein.

michael 010 hat geschrieben:

Alles funktioniert, aber möchte mich nicht mit Google anlegen.


Don't mess with google, bro!

Achja, und noch ein Tipp zur Sprachschaltergestaltung: Nationen != Sprachen, man verwendet keine Flaggen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
michael 010
Threadersteller

Dabei seit: 02.09.2010
Ort: Hamburg
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.06.2014 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Morgo,

habe Deine Mail erhalten. Erstmal vielen Dank. Die Antwort zur Frage 2 und 3 habe ich verstanden. ZUr Frage 1 [<a href="en/index.html" hreflang="en" lang="de"><img class="flagg" src="picture/pic_uk.gif"></a> ]
würde ich einfach nur gerne wissen ob der Link von der deutschen zur englischen so richtig notiert ist.

Den Link, den Du mir angeboten hast ist sehr überbordert mit Informationen, die ich eher verwirrend finde.
Magst Du vielleicht meine Notation korrigieren. Das wäre in diesem Fall das Schnellste.

LG
Michael

PS: Das mit den Flaggen ist der Wunsch des Inhabers[/code]
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst Mi 11.06.2014 11:41
Titel

Antworten mit Zitat Zum Seitenanfang

Bilder als Linkziel zu verwenden ist nicht optimal, aber wenn, dann muss unbedingt ein alt="" Attribut verwendet werden, so dass der Nutzer den Link "verstehen" kann, auch wenn das Bild nicht geladen wird (oder ein Screenreader die Seite liest).

Besser wäre es, die Flaggen als Hintergrundbild zu setzen:

Code:

<a href="en/index.html" lang="en" title="Home" class="lang-switch lang-uk">English</a>


Code:

.lang-switch {
  display: inline-block;
  width: 40px;  /* breite der flaggen */
  height: 0;
  padding: 20px 0 0 0; /* höhe der flaggen */
  overflow: hidden;
}

.lang-uk {
  background: transparent url(picture/pic_uk.gif) no-repeat;
}
  View user's profile Private Nachricht senden
michael 010
Threadersteller

Dabei seit: 02.09.2010
Ort: Hamburg
Alter: -
Geschlecht: Männlich
Verfasst Sa 14.06.2014 13:33
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Morgo,

sorry, für meine späte Rückmeldung (war ‘nen paar Tage rechnerlos). Also ich habe Deine Codes

[<a href="en/index.html" lang="en" title="Home" class="lang-switch lang-uk">English</a>


Code:

.lang-switch {
display: inline-block;
width: 40px; /* breite der flaggen */
height: 0;
padding: 20px 0 0 0; /* höhe der flaggen */
overflow: hidden;
}

.lang-uk {
background: transparent url(picture/pic_uk.gif) no-repeat;
}


umgesetzt. Ferner wollte ich das ganze Ergebnis präsentieren und habe alles mal schnell über den Google Übersetzer gelöst, damit die ganze Seite zu sehen ist.

Das Ergebnis finde ich wirklich gut und bin sehr zufrieden mit der Lösung. Vielen Dank schon mal. Das ist eine große Hilfe gewesen.
Ich wusste bis jetzt nicht, dass man Hintergrundbilder per CSS mit padding und width skalieren kann.
Das mit dem alt="" Attribut habe ich allerdings nicht verstanden, denn es gibt ja jetzt keine Vordergrundbilder mehr. Ich nehmen an, dass der title"example" in dem <a href> diese Funktion übernimmt.
Richtig?
Zumindest erscheint jetzt auch schon mal ein[/code] Hinweis auf die Seite in der Sprache, wenn man mit Maus drüber fährt.

Hier mal den Link zur der gewissen Seite: Ich bin mir sicher, dass das nicht alles optimal ist, aber in gewisser Weise erstmal OK.
Falls Du natürlich noch was anmerken möchtest: Nur zu. Bin ja nicht der Champ.
Ein schönes Wochenende.

PS: Fragen zur Layouts, Photoshop, Print im Allgemeinen, falls nötig, beantworte ich gerne im Gegenzug. Da kenne ich mich besser aus.
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Sa 14.06.2014 16:22
Titel

Antworten mit Zitat Zum Seitenanfang

Wäre schön, wenn Du mal Gedanken und Eingabetexte sortierst, bevor Du hier postest.
  View user's profile Private Nachricht senden
michael 010
Threadersteller

Dabei seit: 02.09.2010
Ort: Hamburg
Alter: -
Geschlecht: Männlich
Verfasst Sa 14.06.2014 17:38
Titel

Antworten mit Zitat Zum Seitenanfang

pantonine hat geschrieben:
Wäre schön, wenn Du mal Gedanken und Eingabetexte sortierst, bevor Du hier postest.



Kannst Du denn mal genau benennen, was Du damit meinst?
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Sa 14.06.2014 18:13
Titel

Antworten mit Zitat Zum Seitenanfang

michael 010 hat geschrieben:
pantonine hat geschrieben:
Wäre schön, wenn Du mal Gedanken und Eingabetexte sortierst, bevor Du hier postest.



Kannst Du denn mal genau benennen, was Du damit meinst?


Das hatte er sich vermutlich von deinem letztem Beitrag gewünscht. *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Verlinkung von FlashMenü zum HTML-Frame
[Flash 8] Zu Verlinkung auf html site 2x klicken?
HTML-Newsletter mit Mail Version 3.5 verschicken
Photoshop soll am gleichen Ort speichern
Mehrere Szenen zur gleichen Zeit
Verschiedene Größen bei 2 gleichen Homepages
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.