Σε αυτό το άρθρο περί προώθησης ιστοσελίδων εξηγούμε πως να διορθώσετε την ιστοσελίδας σας ώστε να εμφανίζεται καλύτερα σε κινητά.

1. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr1
Προώθηση ιστοσελίδων

2. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr2
Αναζήτηση από κινητές συσκευές

Από την Τρίτη, 21 του Απριλίου 2015, η Google
έχει κάνει μια τεράστια αλλαγή στον τρόπο που
ταξινομεί τις ιστοσελίδες στα αποτελέσματα
αναζήτησης .

Η αλλαγή επικεντρώνεται σε ένα πολύ
σημαντικό κριτήριο : αν η ιστοσελίδα σας, τόσο
στις σελίδες προορισμού όσο και σε ολόκληρο
το domain, είναι πλήρως βελτιστοποιημένη για
κινητά smartphones.

3. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr3
Αναζήτηση από κινητές συσκευές

Ο καλύτερος τρόπος για να ελέγξετε αν η
ιστοσελίδα σας είναι φιλική προς συσκευές
κινητών είναι να χρησιμοποιήσετε το σχετικό
εργαλείο της google:

https://www.google.com/webmasters/tools/mobile-friendly/

4. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr4
Αναζήτηση από κινητές συσκευές

Εάν δοκιμάσετε όλες τις σελίδες του domain
σας, και κυρίως την κεντρική και τα landing
pages, τότε μπορείτε να κοιμάστε ήσυχοι ότι η
νέα αλλαγή της google δεν θα επηρεάσει την
κατάταξή σας.

Εάν όμως η ιστοσελίδα σας δεν είναι φιλική
προς συσκευές κινητών, τότε θα πρέπει να
φροντίσετε ώστε να γίνει.

Αυτό μπορεί να γίνει με τρεις τεχνικές:

5. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr5
Τεχνικές για να γίνει μια ιστοσελίδα
φιλική προς κινητές συσκευές:

Responsive Design (καλύτερη
επιλογή)

Dynamic Serving

Mobile Website (χειρότερη
επιλογή)

6. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr6
Responsive Design

Η τεχνική αυτή είναι αυτό που προτιμάει η
google.

Η αιτία που η google προτιμάει το "Responsive
Design" είναι ότι δεν δημιουργεί δύο αντίγραφα
για το ίδιο domain.

Οι επισκέπτες έχουν μόνο μία διεύθυνση URL
μέσω της οποίας μπορούν να μεταβούν στην
ιστοσελίδα σας, και η ιστοσελίδα θα
προσαρμόζεται ανάλογα από ποια συσκευή τη
βλέπουν: από το τηλέφωνο, από στο tablet,
από browser σταθερού υπολογιστή

7. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr7
Dynamic Serving

Σε αυτή την περίπτωση διατηρείται η ίδια
διεύθυνση URL για κάθε σελίδα, αλλά αυτή τη
φορά η HTML είναι διαφορετική ανάλογα με τη
συσκευή από την οποία βλέπουμε την
ιστοσελίδα.

Το "Dynamic Serving" χρησιμοποιεί
παραμέτρους από τη συσκευή του χρήστη να
καταλάβει το είδος της συσκευής από την οποία
ο χρήστης μπήκε στο internet και στη συνέχεια
δυναμικά στέλνει τον κατάλληλο κώδικα html.

8. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr8
Dynamic Serving

Το Google σημειώνει ότι αυτή η ανίχνευση της
συσκευής του χρήστη ενδεχομένως να
οδηγήσει σε ύποπτες τεχνικές, αλλά είναι μια
επιλογή που περνάει το τεστ και θεωρείται οτι η
ιστοσελίδα είναι φιλική προς συσκευές κινητών.

9. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr9
Mobile Website

Η δημιουργία μιας ξεχωριστής ιστοσελίδας για
κινητά ήταν μία από τις πρώτες προσπάθειες
δημιουργίας ιστοσελίδων φιλικών προς κινητές
συσκευές, και εξακολουθεί να λειτουργεί,
δηλαδή ικανοποιεί τις ανάγκες της Google .

Όταν ο χρήστης πατήσει το url της ιστοσελίδας,
τότε προσπαθούμε να ανιχνεύσουμε τη
συσκευή του χρήστη , στη συνέχεια γίνεται
ανακατεύθυνση στην κατάλληλη ιστοσελίδα.

10. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr10
Mobile Website

Ο λόγος που αυτή η μέθοδος δεν συνιστάται ως
λύση για τη δημιουργία ιστοσελίδας φιλικής
προς συσκευές κινητών είναι διότι θα έχετε δύο
εκδόσεις του περιεχομένου σας.

Επιπλέον, μπορεί να δημιουργήσει αρνητική
εμπειρία χρήστη σε κάποιον που κατά λάθος
κλικ στην κινητή έκδοση έχοντας μπει από
επιτραπέζιο υπολογιστή.

11. Προώθηση ιστοσελίδων: http://www.dreamweaver.gr11
Προώθηση ιστοσελίδων