Wie füge ich das ALT-Attribut korrekt zu einem Bild hinzu?

Inhaltsverzeichnis:

Wie füge ich das ALT-Attribut korrekt zu einem Bild hinzu?
Wie füge ich das ALT-Attribut korrekt zu einem Bild hinzu?
Anonim

Jede Webseite wird mit Markup erstellt - Code, der in einer speziell bereitgestellten Sprache (meistens HTML) geschrieben ist. Der Browser des Benutzers wiederum kann diesen Code lesen, um alle Informationen, die die Ersteller der Ressource uns übermitteln wollten, korrekt anzuzeigen. Es stellt sich heraus, dass alle Elemente, die wir auf einer Webseite sehen, aus dem Quellcode der von uns besuchten Website stammen.

Code-Optimierung

Setzen Sie das ALT-Attribut
Setzen Sie das ALT-Attribut

Wie Sie sich denken können, hat jeder Buchstabe dieses Codes, jedes Symbol eine Bedeutung. Interessanterweise kommt es auch vor, dass die Website visuell möglicherweise nicht die Elemente enthält, die für ihre Optimierung äußerst wichtig sind (dh die richtige Einstellung der Ressource für Suchmaschinen). Auf die Anzahl solcher kaum wahrnehmbarer kann beispielsweise das Attribut ALT zurückgeführt werden. Es befindet sich auf den Seiten vieler Ressourcen, und sehr oft bemerken wir es einfach nicht.

In diesem Artikel möchten wir uns genau mit diesem Element des Webdesigns befassen. Hier erklären wir Ihnen, warum dies für das korrekte Ranking der Website, das Wachstum ihres Traffics und die Benutzerfreundlichkeit bei der Arbeit mit ihr so wichtig ist.

Was ist das ALT-Attribut?

Fangen wir von vorne an: Wir werden beschreiben, worum es in diesem Artikel gehtSprache und warum wir dieses Attribut überhaupt brauchen.

ALT-Attribut
ALT-Attribut

Also, um diesen Text zu verstehen, müssen Sie zuerst die HTML-Auszeichnungssprache verstehen. Dies ist der Code, auf dem die grundlegenden Webseiten geschrieben sind, die, wie bereits erwähnt, die Eigenschaft haben, im Browser angezeigt zu werden. Die gesamte Sprache besteht aus speziellen Attributen (wie IMG, ALT, FONT usw.). Jeder von ihnen ist für die Arbeit mit dem einen oder anderen Designelement verantwortlich. In der Praxis wird das oben erwähnte Attribut "Bild" für Bilder verwendet, die auf Webseiten zu finden sind. Genauer gesagt wird mit ihrer Hilfe eine Beschreibung für die Bilder erstellt, nach der der Benutzer (Seitenbesucher) leicht verstehen kann, was auf ihnen gezeigt wird. Sicherlich sind Ihnen solche Beschreibungen schon einmal begegnet - sie erscheinen, wenn Sie mit der Maus über das Bild fahren.

Praxiswert

Natürlich werden diese Attribute in der Praxis nicht ohne Grund verwendet. Webmaster brauchen Beschreibungen für ihre Bilder genauso wie Website-Besucher (wahrscheinlich mehr). Denn wenn allen Bildern das ALT-Attribut fehlt, merkt man das vielleicht gar nicht, wenn den Bildern auf der Seite erklärende Texte hinzugefügt werden. Auf der anderen Seite können Suchroboter (mit einem leeren ALT) die Website nicht hoch genug einstufen, ihre Position in den Suchergebnissen verringern und somit nicht genügend Besucher anziehen. Daher können wir mit Sicherheit sagen, dass die Beschreibungen zu den Bildern auf der Seite auch für die Webmaster selbst eine wichtige Rolle spielen, also können sie das nichtVernachlässigung.

Allen sichtbaren Bildern fehlt das ALT-Attribut
Allen sichtbaren Bildern fehlt das ALT-Attribut

Bonus von Suchmaschinen

Um die Vorteile korrekt ausgefüllter Beschreibungs-Tags für Bilder besser zu verstehen, geben wir ein kleines Beispiel. Angenommen, es gibt eine Website mit darauf gehosteten Bildern. Wenn das ALT-Attribut nicht gesetzt ist, leidet der Benutzer nicht, da er auf jeden Fall sieht, was auf einem bestimmten Foto gezeigt wird. Ein völlig anderes Ergebnis erwartet den Eigentümer der Ressource, der das obige Tag vernachlässigt, wodurch er beispielsweise einen Teil des Verkehrs von Bildverzeichnissen verliert.

Wie schreibe ich das ALT-Attribut?

Technisch gesehen ist es nicht schwierig, eine Beschreibung unter diesem oder jenem Bild einzugeben. Das ist offensichtlich: Sie müssen zum HTML-Editor auf Ihrer Website gehen und den Bildcode finden (beginnt mit IMG und endet mit demselben). Innerhalb dieses Codeblocks befindet sich Code. Das meinen sie, wenn sie sagen, dass Sie das ALT-Attribut schreiben müssen. Das geht so: „ alt="„description“.

Wenn Sie nicht mit reinem Code arbeiten, sondern eine separate „Engine“für die Seite verwenden (z. B. Wordpress oder Joomla), integriert diese einen speziellen Mechanismus zum Hinzufügen von „ alts“, durch den unsere Seite erinnert wird durch Suchmaschinen. Wenn Sie ein neues ALT eingeben, ist das Update auf Ihrer Seite.

Was schreiben sie in das Attribut?

Wenn Sie die Aufgabe haben, das ALT-Attribut zu schreiben, denken Sie natürlich nicht an TechnikSeite. Am häufigsten wird diese Frage gestellt, wenn der Webmaster nicht weiß, welche Informationen er zu einem bestimmten Bild bereitstellen muss. Das macht es schwierig zu sagen, welche Informationen der Seite aus Sicht der Suchmaschinen zugute kommen.

In der Praxis gibt es viele Ansätze zur Lösung des Beschreibungsproblems. Jemand arbeitet mit typischen Templates, wonach der Tag einfach mit Schlagwörtern gefüllt wird, für die die Seite erstellt wird. Vielleicht ist dies die häufigste Praxis, die häufig zu finden ist. Anstatt zu suchen, wie das ALT-Attribut zu schreiben ist, lässt der Benutzer diesen Platz manchmal einfach leer. Hier sollte klargestellt werden, dass jeder seine eigenen Entscheidungen darüber trifft, welche Beschreibung er angibt.

fehlendes Alt-Attribut
fehlendes Alt-Attribut

Anforderungen

Gleichzeitig gibt es einige Grundregeln (oder, wenn man so will, Anforderungen), nach denen jeder das ideale Attribut für sein Bild zusammenstellen kann. Sie bestehen aus einer kleinen Anzahl von Elementen, von denen sich jedes auf die Beschreibungen von Fotos und Bildern auf der Website bezieht.

Zum Beispiel ist die erste solche Anforderung die Länge des gesamten Textes. Wenn Sie suchen, wie Sie das ALT-Attribut richtig schreiben, ist die Lösung elementar: Verwenden Sie nicht mehr als 2-3 Wörter. Text dieser Größe wird erstens idealerweise von einem Suchroboter gelesen (und Ihre Website relevanter machen); zweitens ist eine solche Beschreibung für die Benutzer selbst verständlicher. Stimmen Sie zu, lesen Sie den ganzen Satz, wenn Sie nur wissen wollen, was auf dem Bild zu sehen ist, wird es niemand tun. Es genügt, kurz und präzise zu sein.eine Beschreibung, die sowohl für Sie als auch für Ihre Kunden nützlich ist.

Vergessen Sie nicht die Bedeutung. Wenn Sie ein Foto eines Elefanten posten, stellen Sie sicher, dass Sie seine Rasse oder Geschichte beschreiben; Geben Sie an, warum es auf diesem Foto abgebildet ist, was Sie damit sagen möchten. Es wäre hilfreich für den Besucher, Ihre Meinung zu diesem Elefanten zu erfahren.

Ein weiterer wichtiger Punkt (der in zahlreichen Praxistests festgestellt wurde) ist die Einzigartigkeit. Wenn Sie nach Möglichkeiten suchen, das Attribut "Bild" zu einem Bild hinzuzufügen, denken Sie daran, dass es für jedes der aufgelisteten Fotos auf der Website eindeutig sein muss. Wenn Sie beispielsweise drei Bilder hintereinander mit der Bildunterschrift „Mein Elefant“veröffentlichen, ist dies falsch – dies schadet nur Ihrer Ressource in den Suchergebnissen. Es ist besser, die Bilder "Elefant 1" und "Elefant 2" zu nennen, das macht sie einzigartiger.

Denken Sie schließlich an die Parameter der Bilder selbst, nach denen Sie suchen, um das ALT-Attribut hinzuzufügen. Bei Bildern ist es wichtig, eine Reihe von Kriterien zu erfüllen – nicht zu klein sein, realistisch wirken. Das heißt, wenn Sie eine Beschreibung angeben, dann tun Sie dies für ernstere Bilder, die stärker berücksichtigt werden. Qualifizieren Sie das Attribut "Bild" nicht für einige kleine Emoticons oder ähnliches.

Suche ALT

Abschließend sprachen wir über die Grundlagen eines Attributs, einige Regeln für seine Erstellung und die Anforderungen beider Parteien (sowohl Benutzer als auch Suchroboter) an sie. Lassen Sie uns nun überlegen: wie man nach Schlüsselwörtern und Phrasen sucht,die wir auf unserer Website verschreiben? Wie oben erwähnt, sollte die Suche auf vorgefertigte Datenbanken mit Schlüsselwörtern ausgerichtet sein, die wirklich beginnen, Kunden auf Ihre Website zu locken. Dies kann natürlich nicht erreicht werden, wenn Ihnen das ALT-Attribut noch fehlt. Nehmen Sie vorgefertigte Schlüsselwörter und Phrasen, die Sie in Ihren Inh alten verwenden, und fügen Sie sie in Bilder ein.

Wenn Sie nicht über solche Informationen verfügen und überhaupt nicht daran gedacht haben, Ihre Ressource schrittweise zu bewerben, empfehlen wir Ihnen, nach Datenbanken mit solchen „Schlüsselwörtern“zu suchen, mit denen Sie problemlos neue Websites erstellen können. Dafür eignen sich Dienste wie Google Keyword Extract Tool oder Yandex. Wordstat, die Suchstatistiken für bestimmte Phrasen anzeigen. Indem Sie mit diesen Einstellungen „spielen“, können Sie den Anteil des Suchverkehrs auf Ihren Websites deutlich erhöhen und dadurch beginnen, neue Vorteile zu ernten. Das Wichtigste ist, eine Situation zu vermeiden, in der allen sichtbaren Bildern das ALT-Attribut fehlt.

Schlussfolgerungen

Also, was können wir über das in diesem Artikel beschriebene Attribut sagen? Es ist Teil der Sprache, in der die einfachsten Websites erstellt werden - HTML. Dies ist sehr einfach, da es eine elementare Grundsprache beschreibt. Um das Tag dennoch in Bildern zu registrieren, müssen Sie es eigenständig über den Quellcode ausgeben. Oder fangen Sie mit den neuen Anweisungen wieder an zu knutschen. Wie dem auch sei, das Taggen von "Bild" ist der perfekte Fall von gegenseitigem Nutzen, wenn sowohl der Besucher als auch der Eigentümer der Ressource zufrieden sind.

Das Angeben eines Tags kann zu neuen führenBesucher - dieses Phänomen wird besonders häufig bei Diensten wie Google und Yandex Images beobachtet. Beim Klick auf ein Bild ermittelt die Seite selbstständig die Quelle, aus der das Bild stammt und leitet den Besucher weiter. Und wie Sie verstehen, ist es sehr wichtig, dies in Zukunft tun zu können.

Empfohlen: