Hostdog - images focused https://www.hostdog.gr/tags/images-focused el Απαραίτητα βήματα για Images Search Engine Optimization https://www.hostdog.gr/blog/%CE%B1%CF%80%CE%B1%CF%81%CE%B1%CE%AF%CF%84%CE%B7%CF%84%CE%B1-%CE%B2%CE%AE%CE%BC%CE%B1%CF%84%CE%B1-%CE%B3%CE%B9%CE%B1-images-search-engine-optimization <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even">Αρκετοί δεν δίνουν την αρμόζουσα βαρύτητα στο on-page SEO σχετικά με τις εικόνες. Παρ' όλα αυτά παίζουν ρόλο στο on-page SEO και ακόμα να αποτελέσουν πηγή επιπλέον επισκεψιμότητας. Στην περίπτωση φυσικά που πρόκειται για ένα image site/blog τα παρακάτω κρίνονται σήμερα "υποχρεωτικά". <h2>Ονομασία αρχείων εικόνων</h2> Είναι σχετικά εύκολο να αφήσουμε εικόνες εκατοντάδων προϊόντων με το προεπιλεγμένο όνομα της ψηφιακής φωτογραφικής μηχανής, αλλά αυτό δεν είναι καλή ιδέα. Στην περίπτωση του SEO είναι σημαντικό να χρησιμοποιήσουμε περιγραφικά και εμπλουτισμένα με keywords filenames. Οι μηχανές αναζήτησης δεν ψάχνουν μόνο στο κείμενο για λέξεις κλειδιά αλλά και στα <strong>ονόματα των εικόνων</strong>. Το filename μπορεί να περιέχει keywords και θα πρέπει να είναι αντιπροσωπευτικό με την εικόνα. Αν ανεβαίνει μια φωτογραφία σχετικά με αυτοκίνητο για παράδειγμα το filename θα μπορούσε να είναι το μοντέλο, χρώμα ή κάποιο άλλο keyword σχετικό με το άρθρο μας. Για παράδειγμα αν είχαμε ένα άρθρο σχετικά με τα τροχαία δυστυχήματα ένα αντιπροσωπευτικό filename θα μπορούσε να ήταν "trakarismeno-autokinito.jpg" (Όπου χωρίζουμε τις λέξεις με παύλες "-"). <h2>ALT, TITLE tags</h2> Τα alt attributes, ως "alternative" στην ουσία βρίσκονται για να υποκαταστήσουν το περιεχόμενο μιας εικόνας όταν για κάποιον λόγο δεν είναι διαθέσιμη ή μια σελίδα προβάλεται από άτομα με μειωμένη όραση. Είναι το σωστό μέρος για να περιγράψουμε με φυσική γλώσσα το τι δείχνει μια εικόνα. Χρησιμοποιώντας το ίδιο παράδειγμα θα μπορούσαμε να βάλουμε για alt attribute τα παρακάτω στον κώδικα ενσωμάτωσης μιας εικόνας <div class="codeblock"><code>&lt;img src="trakarismeno-autokinito.jpg" alt="τρακαρισμένο αυτοκίνητο στην εθνική οδό"&gt;</code></div> Το ιδανικό θα ήταν να έχουν όλες οι εικόνες <strong>alt tags</strong>, ενώ το <strong>title attribute</strong> στις εικόνες μπορεί να μην έχει ιδιαίτερη αξία στο SEO αλλά μπορεί να χρησιμοποιηθεί για την εμφάνιση επιπλέον πληροφοριών στο mouse hover . Καθώς επίσης όπως είναι ευνόητο, να μην το "παρακάνουμε" προσθέτοντας ολόκληρες παραγράφους. <h2>Μείωση του μεγέθους των εικόνων</h2> Η ταχύτητα φόρτωσης είναι ένας από τους παράγοντες ranking στις μηχανές αναζήτησης και η χρήση ασυνήθιστα μεγάλων εικόνων μπορεί να δημιουργήσει αντίθετα αποτελέσματα. Εδώ σε γενικές γραμμές ισχύει ότι: <ul><li>Ανεβάζουμε εικόνες optimized για το Web</li> Από τα διάφορα προγράματα επεξεργασίας εικόνων (πχ photoshop) υπάρχει σχετική επιλογή για να γίνει export το αρχείο με τυπικό μέγεθος για χρήση σε μια ιστοσελίδα. Εναλλακτικά μπορούμε να χρησιμοποιήσουμε κάποιο online tool που κάνει optimize τις εικόνες, ενδεικτικά το πιο διεδομένο είναι της Yahoo το <a href="http://www.smushit.com/" rel="nofollow">Smush.it</a> <li>μεγέθη εικόνων</li> φυσικά πρέπει να φροντίζουμε να χρησιμοποιούμε μεγέθη όπως ακριβώς θα γίνουν χρήση στο site, και να μην γίνονται resize έπειτα μέσω CSS ή ακόμα χειρότερα μέσω του <img /> element. <li>original εκδόσεις φωτογραφιών</li> πλέον ολοένα και περισσότερες υπηρεσίες, όπως το Facebook, δείχνουν μια προτίμηση στις μεγάλης ανάλυσης φωτογραφίες, μπορείτε είτε να διατηρείτε ένα link προς τις αρχικές διαστάσεις μιας φωτογραφίας, είτε να επισημαίνετε την διαδρομή μέσω αντίστοιχων Open Graph tags. </ul><h2>Σωστό filetype</h2> Όπως έχουμε αναφέρει και στο παρελθόν ( <a href="https://www.hostdog.gr/blog/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%BA%CE%AC%CE%BD%CF%89-%CF%84%CE%BF-site-%CE%BC%CE%BF%CF%85-%CF%80%CE%B9%CE%BF-%CE%B3%CF%81%CE%AE%CE%B3%CE%BF%CF%81%CE%BF-%CE%BC%CE%AD%CF%81%CE%BF%CF%82-1%CE%BF" title="Πώς να κάνω το site μου πιο γρήγορο;">Πώς να κάνω το site μου πιο γρήγορο;</a> ) για τις περισσότερες περιπτώσεις μπορεί να χρησιμοποιηθούν οι JPEG φωτογραφίες. Οι εικόνες GIF χρησιμοποιούνται συνήθως για εικαστικές λεπτομέρειες του site και υποστηρίζουν λίγα χρώματα για τα σημερινά δεδομένα. Τέλος οι εικόνες PNG είναι ιδανικές, καθώς αποτελούν νεώτερο πρότυπο σχεδιασμένο λαμβάνοντας υπόψιν το Web και μπορούν να αντικαταστήσουν τους δύο παραπάνω τύπους δίχως να χάνουν σε μέγεθος ή ποιότητα. Ιδανική χρήση σε σχεδιαγράμματα και γραφήματα. Τέλος ο πρώτος χρυσός κανόνας του SEO είναι ότι "το περιεχόμενο είναι ο βασιλιάς" και ο δεύτερος ότι "το site πρέπει να σχεδιάζεται με τον χρήστη στο μυαλό". Εφόσον διατηρούμε αυτή τη φιλοσοφία, δηλαδή και το περιεχόμενο μας είναι προσεγμένο και πρωτότυπο, αλλά και όποια άλλη επέμβαση γίνεται με τον χρήστη στο μυαλό μας και σε δεύτερο επίπεδο διορθωτικά για τις μηχανές αναζήτησης, μπορούμε μόνο να περιμένουμε μια σταθερή και προβλεπόμενη πορεία, δίχως εκπλήξεις από νέους αλγόριθμους αναζήτησης.</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">Tags: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="https://www.hostdog.gr/taxonomy/term/9">search engine optimisation</a></li><li class="taxonomy-term-reference-1"><a href="https://www.hostdog.gr/taxonomy/term/10">SEO</a></li><li class="taxonomy-term-reference-2"><a href="https://www.hostdog.gr/tags/images-focused">images focused</a></li><li class="taxonomy-term-reference-3"><a href="https://www.hostdog.gr/tags/images">images</a></li></ul></div> Mon, 02 Dec 2013 13:28:52 +0000 hostdog 632 at https://www.hostdog.gr