Παρόλο που η δημιουργία ιστοσελίδων που ανταποκρίνονται φαίνεται να είναι κάτι που θεωρείται δεδομένο, δεν ήταν πάντα έτσι ...

Αυτό συνέβη το πρώτο εξάμηνο του 2015, όταν οι webmaster σε όλο τον κόσμο ξύπνησαν με αυτό που κατά λάθος νόμιζαν ότι ήταν άλλο ένα πρωί ρουτίνας. Βούρτσισαν τα δόντια τους, έπιναν καφέ, διάβαζαν τους τίτλους των ειδήσεων, άνοιξαν τον υπολογιστή και άρχισαν να ελέγχουν τις τοποθεσίες του ιστότοπου.

Παραδόξως και απογοητευτικά πολλοί από τους ιστότοπους κατατάχθηκαν μέχρι αυτό το σημείο στις πρώτες σελίδες της μηχανής αναζήτησης Google με πληθώρα λέξεων-κλειδιών που εκφυλίστηκαν σε σελίδες που κανείς δεν έχει φτάσει ή δεν θα φτάσει - κάπου στη δέκατη ή εικοστή σελίδα αποτελεσμάτων.

Και αν αυτό μοιάζει με την ταινία Armageddon για εσάς (στο Χριστιανισμό σημαίνει "τέλος του κόσμου") έχετε απόλυτο δίκιο. Το "τέλος του κόσμου" εκφράζει καλύτερα την αίσθηση ότι οι εκδότες και οι υπεύθυνοι προώθησης ιστότοπων έχουν λάβει προσωπικά για την πτώση των ιστότοπων στα αποτελέσματα αναζήτησης.

Τι άλλαξε; Και γιατί οι ιστότοποι έχουν επιδεινωθεί;

Ας δούμε τι σκέφτεται ο Semalt για αυτό και ποια λύση σας προσφέρουν αυτοί οι ειδικοί.

Για να πω την αλήθεια, ήδη από τις αρχές Φεβρουαρίου 2015 η Google άρχισε να στέλνει υποδείξεις ότι μια νέα και σημαντική ενημέρωση αλγορίθμου επρόκειτο να βγει. Ωστόσο, πολλοί εκδότες δεν ήταν προετοιμασμένοι για αυτό και δεν ήξεραν τι θα ήταν στην ενημέρωση.

Στη συνέχεια ήρθε τον Απρίλιο του 2015 και με αυτό ήρθε η κατανόηση και η εσωτερίκευση ότι από τώρα και στο εξής για να φτάσετε στην κορυφή των αποτελεσμάτων αναζήτησης πρέπει να προχωρήσετε στη δημιουργία αποκριτικών ιστότοπων. Αυτό συμβαίνει επειδή η Google δίνει προτεραιότητα σε ιστότοπους που εμφανίζονται και προσαρμόζονται σε όλες τις συσκευές. Οι ιστότοποι που έχουν καλή απόδοση σε όλες τις συσκευές θα απολαμβάνουν υψηλότερες βαθμολογίες από τους ιστότοπους που δεν είναι συμβατοί με όλες τις συσκευές.

Η απαίτηση για μετάβαση για δημιουργία ιστοσελίδων που ανταποκρίνονται μπορεί να έχει πιάσει πολλούς απροετοίμαστους, αλλά αυτή η απαίτηση της Google είχε πολλή λογική και κοινή λογική.

Αν μέχρι την αρχή της νέας χιλιετίας οι περισσότεροι από εμάς χρησιμοποιούσαμε πλοήγηση στο Διαδίκτυο μέσω επιτραπέζιων ή φορητών υπολογιστών, τότε στην τρέχουσα δεκαετία πολλοί από εμάς σερφάρονται περισσότερο μέσω smartphone και tablet. Και δεν μιλάω απλώς για τους νέους μεταξύ μας. Ακόμη και η μητέρα μου, μια εξιλέωση γι 'αυτήν, σερφάρει ήδη περισσότερα σε ένα smartphone παρά σε έναν υπολογιστή.

Το θέμα είναι ότι πριν από το Google Update, οι περισσότεροι ιστότοποι στον κόσμο ήταν κατάλληλοι για προβολή υπολογιστών, αλλά δεν ήταν κατάλληλοι για εμφάνιση smartphone ή tablet. Εάν προσπαθήσατε να αποκτήσετε πρόσβαση σε ιστότοπους που ανταποκρίνονται μέσω smartphone που δεν πληρούν το πρότυπο δημιουργίας ιστοσελίδων που ανταποκρίνονται - θα απομακρυνθείτε αμέσως από αυτούς. Καθώς ήταν ακατάστατα, με μικρό κείμενο ή/και δυσανάγνωστο, τα κουμπιά ήταν πολύ μικρά και η οθόνη δεν ταιριάζει με την εμπειρία χρήσης από κινητό.

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

Αυτή η περίφημη ενημέρωση από την Google ανάγκασε, και δικαίως, τους εκδότες να προσαρμόσουν τον ιστότοπό τους σε όλες τις συσκευές που υπάρχουν σήμερα: επιτραπέζιους υπολογιστές, φορητούς υπολογιστές, smartphone και tablet. Και εάν στο μέλλον εφεύρουν περισσότερες συσκευές, θα πρέπει επίσης να προσαρμόσουμε τους ιστότοπούς μας σε αυτές.

Αυτό το σημαντικό Google Update άλλαξε πραγματικά τον τρόπο με τον οποίο σκεφτόμαστε τη δημιουργία ιστότοπων σήμερα και προήγαγε την εποχή της Mobile First. Μετατοπίστηκε από υπολογιστή σε κινητό και αποτελεί κορυφαία προτεραιότητα για τον απλό λόγο - όλο και περισσότεροι άνθρωποι χρησιμοποιούν smartphone και όλο και λιγότερους υπολογιστές.

Η δημιουργία ιστοσελίδων που ανταποκρίνονται σημαίνει δημιουργία ιστότοπων που ανταποκρίνονται καλά σε όλες τις συσκευές, όλες τις τεχνολογίες (τεχνολογία αφής, για παράδειγμα) και όλες τις αναλύσεις.

Πρώτον, είναι σημαντικό να ελέγξετε εάν ο ιστότοπός σας είναι ήδη ανταποκρινόμενος. Μπορείτε να το δείτε στο τεστ φιλικότητας που προσφέρει η Google, εδώ: https://search.google.com/test/mobile-friendly

Απλώς εισαγάγετε τη διεύθυνση URL της σελίδας που θέλετε να ελέγξετε και περιμένετε τα αποτελέσματα της ανάλυσης.

Ίσως θέλετε να ανοίξετε την αναφορά και να δείτε εάν τα στοιχεία σε κάθε σελίδα πρέπει να βελτιωθούν. Δεύτερον, ακολουθήστε αυτές τις συμβουλές και συμβουλές που θα σας βοηθήσουν στο έργο της δημιουργίας ιστοσελίδων που ανταποκρίνονται.

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

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

Η δημιουργία ιστοσελίδων ανταποκρίνεται επίσης στον ειδικό σχεδιασμό των πλήκτρων και των συνδέσμων. Αξίζει πολύ να σκεφτούμε την εμπειρία χρήστη και την αλληλεπίδραση των surfers με συνδέσμους και κουμπιά με δυνατότητα κλικ. [Σημείωση: Δείτε την καταχώριση στο Search Console στην ενότητα Ευχρηστία για κινητά για εργασίες προώθησης SEO και ιστότοπου]. Βεβαιωθείτε ότι τα κουμπιά είναι αρκετά μεγάλα σε smartphone, τουλάχιστον το σωστό μέγεθος για τον αντίχειρα. Επιπλέον, βεβαιωθείτε ότι είναι εύκολο να πατήσετε με το ποντίκι κατά την περιήγηση σε επιτραπέζιους ή φορητούς υπολογιστές.

Η δημιουργία ιστοσελίδων που ανταποκρίνονται, απαιτεί επίσης αραίωση πληροφοριών. Θα σας δώσω απλώς ένα παράδειγμα: κατά τη διάρκεια της δημιουργίας, θα βρεθείτε αντιμέτωποι με κείμενα που πρέπει να αφήσετε στην προβολή του smartphone. Ωστόσο, αυτά τα κείμενα που παραιτήσατε κατά την προβολή του smartphone θα ληφθούν υπόψη κατά την προβολή tablet, επιτραπέζιων υπολογιστών και φορητών υπολογιστών. Δεν είναι δυνατή η τοποθέτηση όλων των πληροφοριών και του περιεχομένου που έχουμε σε έναν ιστότοπο φιλικό προς υπολογιστή σε έναν ιστότοπο φιλικό προς smartphone. Πρέπει να γίνουν λεπτές προσαρμογές που θα κάνουν τον ιστότοπο λειτουργικό ακόμη και σε φορητές έξυπνες συσκευές.

Σημειώστε ότι ο αριθμός των λέξεων που εισέρχονται σε κάθε γραμμή διαφέρει επίσης σε διαφορετικές προβολές. Επομένως, είναι επίσης σημαντικό να προσαρμόσετε το πλάτος των γραμμών κειμένου για κάθε συσκευή. Εάν συσκευές με ευρεία οθόνη, όπως υπολογιστές, εισαγάγετε περίπου 75 χαρακτήρες στη σειρά, τότε σε μια οθόνη smartphone πρέπει να διατηρήσετε περίπου 35 χαρακτήρες στη σειρά.

Το μέγεθος των γραμματοσειρών θα αλλάξει και σε ιστότοπους που ανταποκρίνονται. Στην προβολή smartphone, το μέγεθος της γραμματοσειράς θα είναι μικρότερο ενώ στην προβολή υπολογιστή η γραμματοσειρά μπορεί σίγουρα να είναι μεγαλύτερη. Λάβετε υπόψη ότι μπορείτε να επιλέξετε ένα ευανάγνωστο και καθαρό μέγεθος γραμματοσειράς για κάθε συσκευή.

Κάθε επαγγελματίας δημιουργός ιστοτόπων γνωρίζει ότι η δημιουργία ιστοσελίδων που ανταποκρίνονται απαιτεί ιδιαίτερη προσοχή στις εικόνες συγκεκριμένα και γενικά στα γραφικά. Σε γενικές γραμμές, είναι σημαντικό να κατανοήσουμε ότι όσο περισσότερο ένας ιστότοπος φορτώνεται με μεγάλες και βαριές εικόνες και βίντεο, τόσο μεγαλύτερος είναι ο χρόνος φόρτωσής του, δηλαδή: θα χρειαστεί περισσότερος χρόνος για να εκτεθεί ολόκληρος ο ιστότοπος στο surfer. Και αυτός ο κανόνας είναι ακόμη πιο σημαντικός στα smartphone. Είναι σημαντικό να μην υπερφορτώνετε έναν αποκριτικό ιστότοπο με πολλές βαριές εικόνες. Επιπλέον, είναι σημαντικό να περικόψετε και να προσαρμόσετε τις εικόνες στις διαφορετικές προβολές στις διάφορες συσκευές με αναλογικό τρόπο.

Κατά τη δημιουργία αποκριτικών ιστότοπων, το μέγεθος των εικόνων πρέπει να προσαρμόζεται στη συσκευή. Για υπολογιστές, το μέγεθος της εικόνας θα είναι μεγαλύτερο και για smartphone - οι εικόνες πρέπει να περικοπούν σε μικρότερο μέγεθος.

Μια άλλη λεπτομέρεια που είναι σημαντικό να δοθεί προσοχή κατά τη δημιουργία αποκριτικών ιστότοπων είναι η κεφαλίδα, στην κορυφή του ιστότοπου. Συνιστάται ιδιαίτερα να δημιουργήσετε μια κολλώδη κεφαλίδα που είναι μόνιμα προσαρτημένη στο πάνω μέρος της οθόνης κατά την περιήγηση στον ιστότοπο. Γιατί; Τα κολλώδη εσπεριδοειδή μειώνουν την ανάγκη για πολλή κύλιση και διορθώνουν το κύριο μενού καθ 'όλη τη διάρκεια της περιήγησης στον ιστότοπο. Αυτό επιτρέπει στους surfers να περιηγούνται εύκολα στον ιστότοπο χωρίς να κάνουν κύλιση πάρα πολύ και να ψάχνουν για το μενού - καθώς το μενού είναι σταθερό και προσβάσιμο από το surfer ανεξάρτητα από το που βρίσκεται - στο κάτω μέρος της σελίδας ή στο μέσο της σελίδας. Το κύριο μενού είναι διαθέσιμο και είναι εξαιρετικά ορατό και μπορεί εύκολα να πλοηγηθεί από οπουδήποτε στον ιστότοπο. Το Sticky Heather είναι και αισθητικό και βελτιώνει τη λειτουργικότητα των smartphone.

Σε smartphone, έχουμε συνηθίσει να σπρώχνουμε τα δάχτυλά μας στην οθόνη για να μετακινούμαστε από τόπο σε τόπο. Στους υπολογιστές, έχουμε συνηθίσει να κάνουμε κύλιση προς τα πάνω και προς τα κάτω με το ποντίκι. Ακριβώς για αυτόν τον λόγο, είναι σημαντικό κατά τη δημιουργία αποκριτικών ιστότοπων για να προσαρμόσετε την εμπειρία χρήστη στη συσκευή. Όταν σχεδιάζετε για smartphone, αξίζει να συνδυάσετε τη δυνατότητα ολίσθησης με τα δάχτυλά σας και κατά την προσαρμογή του ιστότοπου σε υπολογιστή, αξίζει να επιτρέψετε στις σελίδες να κάνουν κύλιση προς τα κάτω και προς τα πάνω.

Όπως επεσήμανα στην κορυφή του άρθρου, σηκώσατε ένα πρωί και παρατήρησα ότι ο ιστότοπός σας συνέχισε να γίνεται όλο και πιο χαμηλός στη μηχανή αναζήτησης. Αλλά δεν ξέρετε τι εξηγεί ακριβώς αυτό το γεγονός. Είναι αλήθεια ότι αυτό μπορεί να οφείλεται σε διάφορους λόγους. Ωστόσο, η πρώτη ερώτηση που πρέπει να κάνετε είναι η εξής: Ο ιστότοπός μου πληροί τα πιο πρόσφατα κριτήρια της Google;

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

Επειδή η δημιουργία ιστοσελίδων που ανταποκρίνονται είναι απαραίτητη στις μέρες μας. Οι ιστότοποι που δεν ανταποκρίνονται θα αποτρέψουν τους surfers, θα απομακρύνουν τους πελάτες και θα σαμποτάρουν επίσης τη δυνατότητα προόδου στα Αποτελέσματα Αναζήτησης Google. Να θυμάστε ότι σήμερα έχουμε μόνο μερικές συσκευές για τις οποίες πρέπει να προσαρμόσουμε τον ιστότοπο και στο εγγύς μέλλον, πιθανότατα θα πρέπει επίσης να προσαρμόσουμε τον ιστότοπό μας για νέες συσκευές.