Υπάρχουν διάφορες τεχνικές που μπορείτε να χρησιμοποιήσετε για να ενισχύσετε το On-site SEO μιας ιστοσελίδας, μια από αυτές είναι το image replacement με h1. Ουσιαστικά είναι η αντικατάσταση μιας εικόνας/ γραφικού με h1 (επικεφαλίδα 1) στον προγραμματισμό της ιστοσελίδας χωρίς την οπτική διαφορά στην προβολή της.

Με πιο απλά λόγια προβάλλουμε μια εικόνα/ γραφικό που στον κώδικα είναι h1.

ΠΩΣ ΕΦΑΡΜΟΖΕΤΑΙ

Με την συγκεκριμένη τεχνική γίνεται παραμετροποίηση του h1 tag ώστε να προβάλλεται σαν εικόνα/ γραφικό με την χρήση CSS, αναλυτικότερα:

ΚΩΔΙΚΑΣ (X/HTML)

<div id=”logo”>
<h1><a href=”#” title=”Web Design Blog”>Web Design Blog</a></h1> </div>

CSS

#logo {
}
#logo h1 {
padding : 0;
margin : 0;
}
#logo h1 a {
background-image : url(../img/image_logo.gif);
height : 100px;
width : 100px;
padding : 0;
text-indent : -9999px;
display : block;
background-repeat : no-repeat;
margin : 0;
}

ΤΙ ΠΕΤΥΧΑΙΝΕΤΕ

Είναι πολύ βασικό να υπάρχει στην αρχή του κώδικα μιας ιστοσελίδας κείμενο με την χρήση επικεφαλίδας (h1) το οποίο να πληροφορεί τους μηχανισμούς αναζήτησης για το αντικείμενο και την ταυτότητα του διαδικτυακού τόπου. Εφαρμόζοντας την συγκεκριμένη τεχνική ακολουθείτε πιστά τους κανόνες για να πετύχετε μέγιστο On-site SEO χωρίς να δεσμεύεστε στο design και να διαμορφώνετε αρνητικά το εικαστικό σας.

Εάν επιθυμείτε μπορείτε να το χρησιμοποιήσετε και σε άλλα σημεία της ιστοσελίδας σας για να τονίσετε διάφορες ενότητες που θέλετε να δώσετε περισσότερη βαρύτητα.