HTML link mit HTML Bild einfügen

Letzte Aktualisierung : |  

Ein HTML Link wird sehr oft auf einer Webseite vorkommen, denn dieser ist einer der wichtigsten Elemente. Man kann damit die Navigation aufbauen, oder auch Bilder verlinken. Aber nicht nur für die beiden genannten Funktionen ist es wichtig sondern für vieles mehr. Dazu kommt auch noch das es in der Suchmaschinenoptimierung auch eine große rolle spielt, wie z.B. für die interne und externe verlinkung. Wobei die interne verlinkung wichtiger ist als die externe, denn man möchte seine eigene Webseite pushen und nicht die externe. Es sei den man hat mehrere Webseiten dann würde es wieder mehr sinn ergeben.

Genau so wie ein HTML link ein wichtiger Bestandteil einer Webseite ist, ist es bei einem HTML Bild fast genau so. Ein HTML Bild sagt viel aus und besitzt auch attribute die für die Suchmaschinenoptimierung wichtig sind. Deshalb sollte ein HTML Bild wenn es eingefügt wird, immer mit guten Namen hochgeladen werden. Das bedeutet man sollte nicht einfach pic_03.jpg usw. nutzen, sondern auf die keywords eingehen die der Artikel beinhaltet. Also ein HTML Bild einfügen hilft nicht nur um den Artikel besser zu Geltung zu bringen und hilft auch bei der Suchmaschinenoptimierung.



Was ist ein HTML link?

Ein link hilft uns auf unserer Webseite die komplette Navigation für den Besucher herzustellen, damit dieser sich besser auf der Webseite umsehen kann. Der Besucher wird auf das klicken was für Ihn relevant ist und wonach er sucht. Man kann so einiges verlinken und ein HTML link auch als Anker nutzen, dann würde der Besucher nicht auf eine andere Seite gelangen sondern auf der selben Seite nur dort hin gelangen wo hin dieser Anker führt.



// HTML CODE
     0  <a href="pfad/zur/seite" title="Zu dieser Seite werden Sie weitergeleitet">HTML link</a> 


    // HTML CODE
       0  <a href="#springpunkt">Anker</a>  1  <!-- Viel weiter unten -->  2  <div id="springpunkt">Zu dem Anker gehörender Text oder Bild</div> 


      HTML Bild einfügen

      Ein HTML Bild einfügen ist eigentlich ganz simpel, nur muss der Pfad stimmen damit dieser Bild angezeigt wird und muss auch unter diesem Pfad hochgeladen sein bzw. sich befinden. Ist dies der Fall dann wird das Bild definitiv angezeigt, sollte dies nicht der Fall sein dann wird das Bild auch nicht angezeigt und das alt attribute greift ein. Ist kein alt attribute vorhanden sieht man überhaupt nichts mehr, denn das alt attribute sollte deshalb immer vorhanden sein. Es dient auch den Suchmaschinen zur Hilfe, wenn das HTML Bild eben nicht angezeigt wird.



      // HTML CODE
         0  <img src="pfad/zum/bild" alt="Wichtiger Inhalt" title="Das ist im Bild zusehen"> 


        Das alt attribute steht hier für alternativ und sollte so wie das HTML Bild auch einen sinnvollen Namen beinhalten z.B. was man auf dem Bild sieht. Denn das HTML Bild wird ja etwas beschreiben was im Artikel vorkommt, man könnte auch das title attribute hinzufügen was auch sinn macht. Wenn der Besucher über das HTML Bild mit der Maus fährt, dann wird er diesen Text sehen. Dieser kann auch gleich wie der im alt attribute sein



        Link und Bild einfügen

        Wir können ein HTML Bild einfügen und diesen mit einem HTML link versehen, das geht auch. Natürlich könnte man auch im Bild selbst einen link wie ein Button platzieren um den Besucher darauf aufmerksam zu machen. Es gibt also so einige Möglichkeiten da kreativ zu werden.



        // HTML CODE
           0  <a href="pfad/zur/seite">  1      <img src="pfad/zum/bild" alt="Wichtiger Inhalt" title="Das ist im Bild zusehen">  2  </a> 


          So würde es aussehen wenn man dann das HTML Bild auch noch als ein link funktionieren. Sobald man mit der Maus drüber fährt würde sich bei den meisten Browsern der Mauszeiger verändern.

          Anzeige
          Anzeige

          Dein Kommentar

          * Diese Felder sind erforderlich, E-Mails werden nicht veröffentlicht
          ?

          Dieses Feld ist optional
          Fülle dieses Feld aus und verbinde Dein Namen mit Deiner Website.

          Die in dieses Kontaktformular eingegebenen Daten werden in unserem System gespeichert, um die Ausgabe des Kommentars sicherzustellen. Ihre E-Mail-Adresse wird gespeichert, um die Anzahl der Kommentare und die zukünftige Registrierung zu bestimmen

          Ich habe gelesen die Datenschutzbestimmungen und Nutzungsbedingungen. Ich bestätige die Übermittlung des Formulars und die Übermittlung meiner Daten.
          tnado © 2020 | Alle Rechte Vorbehalten
          In Zusammenarbeit mit Hyperly