Αφού κατανοήσαμε στο Α’ Μέρος τα βασικά για το Mobile SEO, πάμε να δούμε και πιο αναλυτικά και συγκεκριμένα 8 Mobile SEO πρακτικές:
8 SEO πρακτικές για κινητά – Mobile SEO
Ας εξετάσουμε μερικές από τις βασικότερες πρακτικές για να διασφαλίσετε ότι η ιστοσελίδα σας κατατάσσεται όσο το δυνατόν υψηλότερα στις web αναζητήσεις για κινητά.
1. Βελτιστοποιήστε την ταχύτητα φόρτωσης της ιστοσελίδας σας
Ο χρόνος φόρτωσης μίας ιστοσελίδας σε έναν desktop υπολογιστή, είναι πολύ σημαντικός για το SEO και την καλή εμπειρία χρήστη (UX). Για τους χρήστες κινητών συσκευών και το Mobile SEO, είναι ζωτικής σημασίας.
Με βάση σχετική μελέτη της Google, διαπιστώθηκε ότι όσο ο χρόνος φόρτωσης της ιστοσελίδας μειώνεται από ένα σε τρία δευτερόλεπτα, η πιθανότητα εγκατάλειψης των επισκεπτών από κινητές συσκευές αυξήθηκε κατά 32%. Στα 5 δευτερόλεπτα φτάνει στο 90% εγκατάλειψης και στα 10 δευτερόλεπτα, στο 123%.
Εάν δεν το έχετε κάνει ήδη, πρέπει να χρησιμοποιήσετε το PageSpeed Insights της Google ώστε να αξιολογήσετε πόσο γρήγορα φορτώνεται η ιστοσελίδα σας.
Η αναφορά του Google PageSpeed Insights θα σας αναδείξει επίσης διάφορους τομείς που χρήζουν άμεσης βελτίωσης. Η ταχύτητα φόρτωσης της ιστοσελίδας για κινητά, είναι κάτι με το οποίο παλεύουν σχεδόν οι περισσότερες ιστοσελίδες σήμερα. Ευτυχώς όμως, υπάρχουν πολλά που μπορείτε να κάνετε αν και η δική σας ιστοσελίδα φορτώνει πολύ αργά και γίνεται κουραστικοί για τους επισκέπτες σας.
Μερικά από αυτά που μπορείτε να κάνετε άμεσα, είναι:
- Συμπίεση και βελτιστοποίηση των εικόνων
- Εξάλειψη ή μείωση των redirects (ανακατευθύνσεις)
- Ενεργοποίηση προσωρινής αποθήκευσης (cashing) του προγράμματος περιήγησης
- Ελαχιστοποίηση (minifying) του κώδικα CSS, JavaScript και HTML
- Χρήση CDN (Content Delievery Network) – Φιλοξενία Ιστοσελίδας σε CDN (CDN Web Hosting)
2. Διαμορφώστε σωστά το περιεχόμενο της ιστοσελίδας σας
Για το SEO για κινητά ή αλλιώς mobile SEO, είναι σημαντικό να δημιουργήσετε mobile-friendly περιεχόμενο. Επειδή οι οθόνες σε smartphone και tablet είναι μικρότερες από αυτές των laptops ή desktop ηλεκτρονικών υπολογιστών, πρέπει να δημιουργήσετε κατάλληλο περιεχόμενο για κινητές συσκευές, που να είναι εύκολο να το περιεργαστεί ένας χρήστης κινητού ή tablet.
Δείτε μερικά χρήσιμα tips για τη βελτιστοποίηση του περιεχομένου (κείμενο) της ιστοσελίδας σας, που θέλετε να εμφανίζεται τέλεια στις οθόνες των κινητών των επισκεπτών σας:
- Δημιουργήστε σύντομες ενότητες περιεχομένου με δυνατότητα σάρωσης: Αντί για μεγάλες και δυσνόητες παραγράφους, χωρίστε το περιεχόμενο σε σύντομες και ευκολοδιάβαστες ενότητες.
- Περιορίστε τις παραγράφους σε 1 με 2 προτάσεις: Βεβαιωθείτε ότι κάθε παράγραφος ταιριάζει και στην οθόνη ενός κινητού, χωρίς να απαιτείται κύλιση με την αφή.
- Διατηρήστε τους τίτλους και τους υπότιτλους συνοπτικούς: Στοχεύστε σε σύντομους, άμεσους τίτλους και υπότιτλους που διαβάζονται/σκανάρονται εύκολα με μια ματιά.
- Διατήρηση μήκους μίας γραμμής κειμένου μεταξύ 50-60 χαρακτήρων: Αυτό σας διασφαλίζει ότι το κείμενο είναι εύκολο να διαβαστεί και σε πολύ μικρές οθόνες.
- Επιλέξτε ευανάγνωστες γραμματοσειρές: Αποφύγετε μικρές ή δυσανάγνωστες γραμματοσειρές. Χρησιμοποιήστε μέγεθος γραμματοσειράς (font-size) τουλάχιστον 14 px με ευανάγνωστες γραμματοσειρές όπως Arial, Futura, Georgia ή Montserrat.
- Παρέχετε αρκετό λευκό κενό χώρο: Εξασφαλίστε αρκετό λευκό κανό χώρο γύρω από τα κείμενά σας, ώστε να βελτιώσετε την αναγνωσιμότητα.
- Εφαρμόστε υψηλή αντίθεση ανάμεσα σε κείμενο και φόντο: Ιδιαίτερα σημαντικό στοιχείο, για την αναγνωσιμότητα σε υψηλό φωτισμό όπως είναι το άμεσο ηλιακό φως όταν βρισκόμαστε σε εξωτερικό χώρο και προσπαθούμε να διαβάσουμε ένα κείμενο στο κινητό μας.
- Αποφύγετε τα pop up αναδυόμενα παράθυρα: Αποφύγετε τη χρήση pop up διαφημίσεων που διακόπτουν ξαφνικά την εμπειρία του χρήστη. Η Google μπορεί να “τιμωρήσει” τις ιστοσελίδες που κάνουν κατάχρηση τέτοιου είδους διαφημίσεων.
3. Βελτιστοποιήστε τις εικόνες της ιστοσελίδας σας
Απαραίτητες για ένα περιεχόμενο, οι εικόνες είναι στοιχεία ζωτικής σημασίας για σχεδόν κάθε ιστοσελίδα. Για να είναι οι επισκέπτες σας ευχαριστημένοι και ικανοποιημένοι όταν επισκέπτονται την ιστοσελίδα σας από τα κινητά τους, βεβαιωθείτε ότι έχετε βελτιστοποιήσει όλα τα οπτικά στοιχεία και είναι προσαρμόσιμα και για τις μικρότερες οθόνες.
Πρέπει να γνωρίζετε τις αναλύσεις κάθε οθόνης και να χρησιμοποιείτε μικρότερες εικόνες σε διαστάσεις για χρήστες κινητών. Αυτό θα σας εξοικονομήσει αρκετό χώρο αποθήκευσης και θα σας βοηθήσει να επιταχύνετε τους χρόνους φόρτωσης της ιστοσελίδας σας.
Οι περισσότεροι webmasters, σε γενικές γραμμές, θέλουν εικόνες που να πληρούν τις ακόλουθες προδιαγραφές:
- Hero Images – 800 x 1200 pixel
- Banner Images – 320 x 480, 300 x 250 ή 320 x 50 pixel
- Body Images – 640 x 320 pixel
Εάν οι εικόνες σας είναι πολύ μεγάλες, σκεφτείτε να αλλάξετε το μέγεθος ή ακόμα και να τις αφαιρέσετε, εάν δεν είναι απαραίτητο και δεν έχουν κάποια χρησιμότητα.
Επίσης, θα πρέπει να επιλέξετε τύπους αρχείων εικόνας που φορτώνουν γρήγορα.
- Τα PNG είναι τα καλύτερα για μεγαλύτερες εικόνες όπως τα λογότυπα, οι εικόνες με κείμενο ή οι πολύ λεπτομερείς εικόνες με διαφάνεια στο φόντο.
- Τα JPG ταιριάζουν καλύτερα σε φωτογραφίες και πολύχρωμες εικόνες. Είναι μικρότερα σε μέγεθος από τα αρχεία PNG, αλλά έχουν απώλειες όταν συμπιέζονται.
- Τα αρχεία WebP προσφέρουν τη μικρότερη μορφή συμπίεσης, χωρίς αλλοιώσεις στην ποιότητα, γεγονός που τα καθιστά ιδανικά για ιστοσελίδες και το mobile SEO.
4. Βελτιστοποιήστε τα σημεία αφής
Τα κουμπιά αυτά ή αλλιώς οι στόχοι για το κλικ αφής που θα κάνει ο χρήστης, είναι τα σημεία μιας ιστοσελίδας που μπορούν οι χρήστες να αλληλεπιδράσουν. Μπορεί να είναι links, πεδία προς συμπλήρωση σε μία φόρμα και κουμπιά.
Είναι ο βασικός τρόπος με τον οποίο οι χρήστες των κινητών θα χρησιμοποιούν την ιστοσελίδα σας και πρέπει να είναι εύκολος και διαισθητικός στη χρήση, ιδιαίτερα σε eshop.
Για να βελτιστοποιήσετε αυτά τα σημεία αφής για mobile SEO, θα πρέπει τα σημεία αυτά να είναι τουλάχιστον 48 x 48 px ή ίσα με το μέγεθος του δακτύλου ενός ατόμου.
Εάν τα εικονίδια ή άλλοι στόχοι είναι μικρότεροι από το συνιστώμενο μέγεθος, θα πρέπει να χρησιμοποιήσετε έξτρα επίπεδα για να αυξήσετε το μέγεθος τους. Βεβαιωθείτε ότι άλλα στοιχεία της σελίδας δεν επικαλύπτουν τους στόχους αφής και πατήματος ώστε να παρέχεται η καλύτερη δυνατή εμπειρία χρήστη.
5. Χρησιμοποιήστε schema markup
Το schema oργανώνει τα δεδομένα με τέτοιο τρόπο που είναι εύκολο να κατανοήσει η Google και οι άλλες μηχανές αναζήτησης. Χρησιμοποιώντας αυτά τα δεδομένα, η Google επιστρέφει rich snippets, τα οποία είναι mobile seo αποτελέσματα με εμφάνιση επιπλέον χρήσιμων δεδομένων.
Αυτό μπορεί να περιλαμβάνει στοιχεία όπως καρουζέλ φωτογραφιών, συνταγές (υλικά, χρόνοι προετοιμασίας/μαγειρικής κοκ), κριτικές με αστέρια και άλλα στοιχεία στις σελίδες αποτελεσμάτων των μηχανών αναζήτησης.
Κατά το mobile SEO, τα rich snippets ξεχωρίζουν ακόμη περισσότερο και καθιστούν την ιστοσελίδα σας κορυφαία του είδους της.
6. Διατηρήστε τα meta δεδομένα σας σύντομα
Τα meta δεδομένα όπως οι title tags και οι meta-descriptions αποτελούν σημαντικό κομμάτι του SEO για κινητά. Δίνουν στις μηχανές αναζήτησης πληροφορίες για το περιεχόμενο της ιστοσελίδας σας. Προσφέρουν στους χρήστες ένα στιγμιότυπο του τι να περιμένουν όταν κλικάρουν.
Με τον περιορισμένο χώρο που παρέχει η αναζήτηση για κινητά, είναι σημαντικό να διατηρείτε αυτές τις πληροφορίες σύντομες και επί του θέματος.
Οι meta-descriptions θα πρέπει να είναι ενημερωτικές και να ενθαρρύνουν τα κλικ, αποφεύγοντας την περικοπή τους στα SERPs. Σύμφωνα με τους ειδικούς του χώρου, τα meta titles πρέπει να είναι μεταξύ 50-70 χαρακτήρων, με descriptions 160 χαρακτήρων ή λιγότερο.
Τα καλά meta δεδομένα, θα παρέχουν μοναδικές περιγραφές για κάθε σελίδα και σχετικές πληροφορίες σχετικά με το περιεχόμενό της. Θα πρέπει επίσης να εμπνέει περιέργεια, κάτι που θα αυξήσει τα οργανικά κλικ.
7. Χρησιμοποιήστε την viwport ετικέτα
Η viwport ετικέτα ελέγχει το πλάτος μιας ιστοσελίδας με βάση τη συσκευή του χρήστη. Εάν διαμορφωθεί σωστά, θα εξαλείψει την ανάγκη για ζουμ και πλάγια θέση για χρήστες κινητών συσκευών.
Εάν δεν συμπεριλάβετε τα viewport meta δεδομένα στην ιστοσελίδα σας, θα αποδοθούν σε εναλλακτικό πλάτος που είναι συνήθως το πλάτος μιας οθόνης επιφάνειας εργασίας. Αυτό οδηγεί σε κακή εμπειρία χρήστη από χρήστες μέσω κινητών συσκευών.
Η διαμόρφωση μιας τέτοιας meta ετικέτας είναι εύκολη. Απλά προσθέστε το ακόλουθο κομμάτι HTML κώδικα στο αρχείο header της ιστοσελίδας σας:
8. Χρησιμοποιήστε ένα πρωτόκολλο ασφαλείας HTTPS
Η Google δίνει σημαντική αξία στην ασφάλεια μιας ιστοσελίδας, δίνοντας προτεραιότητα στο πρωτόκολλο ασφαλείας HTTPS σε αντίθεση με το HTTP.
Πολλοί χρήστες δεν επισκέπτονται ιστοσελίδες που έχουν χαρακτηριστεί ως μη ασφαλείς. Εάν θέλετε να μεγιστοποιήσετε την επισκεψιμότητα και την κατάταξή σας στις αναζητήσεις, είναι σημαντικό να διατηρείτε τις σελίδες σας ασφαλείς και βελτιστοποιημένες για κινητές συσκευές.
Αυτό ξεκινά με ένα SSL. Το SSL είναι ένα επιπλέον επίπεδο κρυπτογράφησης μεταξύ του server και του browser, το οποίο μετατρέπει το HTTP σε HTTPS.
Πώς λειτουργεί το SSL με HTTPS;
Εξασφαλίζει το απόρρητο, έλεγχο ταυτότητας και ακεραιότητα δεδομένων τόσο σε υπολογιστές desktop όσο και σε κινητές συσκευές.
Το SEO για κινητά έχει ξεπεράσει σε αναζητήσεις τους desktop υπολογιστές και συνεχίζει να αυξάνεται. Ένα μεγάλο ποσοστό χρηστών του διαδικτύου, προτιμά να χρησιμοποιεί το κινητό του τηλέφωνο για την ολοκλήρωση της αγοράς που θέλει να πραγματοποιήσει μέσω ίντερνετ.
Πολλά από τα στοιχεία του SEO για desktop υπολογιστές είναι σημαντικά και για το SEO για κινητά, ενώ άλλα, όπως είναι η ταχύτητα φόρτωσης της ιστοσελίδας, είναι ακόμη πιο σημαντικά για τους χρήστες κινητών.
Το περιεχόμενο και οι εικόνες πρέπει να επεξεργάζονται με mobile friendly τεχνικές ώστε να δημιουργούν θετική εμπειρία χρήστη και να αποφεύγεται η απογοήτευση. Για τους χρήστες κινητών τηλεφώνων, τα meta δεδομένα πρέπει να είναι σύντομα και ισχυρά, ενώ η ασφάλεια ιστοσελίδας παραμένει πρωταρχικής σημασίας ζήτημα για τους χρήστες κινητών και κατ’ επέκταση για το SEO για κινητά.
