Κάνοντας το blog μας Mobile Friendly [Blogger]

Το mobile web είναι πλέον τεράστιο, και μεγαλώνει μέρα με τη μέρα καθώς πολλαπλασιάζεται ο αριθμός των smartphones που κυκλοφορούν! Όλο και περισσότεροι άνθρωποι πλέον κάνουν browsing από μικρότερες οθόνες οπότε πρέπει και το blog μας να προσαρμοστεί αναλόγως! Τα περισσότερα επαγγελματικά sites αλλά και οι blogging πλατφόρμες έχουν κάνει ήδη τη μετάβαση σε responsive μορφές οι οποίες προσαρμόζονται ανάλογα με το μέγεθος ή τον τύπο της οθόνης ανάγνωσης. 

Για πάμε να δούμε λοιπόν τι μπορούμε να κάνουμε στο blogger ώστε να βοηθήσουμε λίγο και εμείς την κατάσταση!

Μειώστε τον αριθμό δημοσιεύσεων που εμφανίζονται στην κεντρική σελίδα

Η μείωση του αριθμού των αναρτήσεων στην κεντρική σελίδα, μειώνει το χρόνο φόρτωσης αλλά και το μέγεθος της αρχικής σελίδας σας! Στο Blogger, μπορείτε να προσαρμόσετε δημοσιεύσεις ανά σελίδα σας στις Ρυθμίσεις> Αναρτήσεις και Σχόλια> "Να εμφανίζονται έως και".

Πείτε όχι στα Popups

Οι περισσότεροι άνθρωποι μισούν αναδυόμενα παράθυρα (popups) ούτως ή άλλως αλλά το θέμα είναι ακόμα χειρότερο στα κινητά. Τα popups μπλοκάρουν το περιεχόμενο, είναι δύσκολο να τα κλείσεις στις μικρές οθόνες και επιβραδύνουν το χρόνο φόρτωσης. Απλά ξεφορτωθείτε τα!

Αναπτυσσόμενα μενού

Εάν έχετε dropdown menu ελέγξτε το αν λειτουργεί σωστά σε κινητά. Πολλές φορές υπάρχει πρόβλημα με το mouse over και τις οθόνες αφής. Έχετε στο νου σας γενικότερα ότι όσο πιο απλό είναι για κάποιον να πλοηγηθεί στο blog σας τόσο το καλύτερο, ανεξαρτήτως συσκευής!

Βάλτε όρια στο αριθμό των Widgets & Gadgets

Τα widgets και τα gadgets, μας βοηθούν ώστε να ενσωματώσουμε στο blog μας τα μέσα κοινωνικής δικτύωσης και κάνουν εύκολη την προβολή των διαφημίσεων! Δυστυχώς όμως το καθιστούν πιο δύσκολο να φορτώσει σε browsers κινητών! Πειραματιστείτε λοιπόν προσθαφερόντας τα widgets σας και αξιολογείστε τα υπέρ και τα κατά.

Ενεργοποίηση Mobile Template

Το Blogger έχει ένα ενσωματωμένο κινητό πρότυπο. Είναι ενεργοποιημένο από προεπιλογή, αλλά εάν το έχετε απενεργοποιήσει, είναι εύκολο να το ενεργοποιήσετε ξανά. Πηγαίνετε στο πρότυπο και κάντε κλικ στο εικονίδιο με το γρανάζι κάτω από το Κινητό. Πατήστε το κουμπί "Ναι. Εμφάνιση πρότυπων για κινητά σε κινητές συσκευές" και στη συνέχεια πατήστε το πορτοκαλί κουμπί Αποθήκευση. Το πρότυπο για κινητά του Blogger ρυθμίζει αυτόματα τις δημοσιεύσεις ανά σελίδα στις 4, εμφανίζει στον τίτλο μια μικρογραφία της πρώτης εικόνας και τις πρώτες φράσεις από το κείμενο σας. Εάν χρησιμοποιείται το AdSense στο blog σας, μέχρι και δύο διαφημίσεις AdSense θα εμφανίζονται - μία στην κορυφή της σελίδας σας και μία στο κάτω μέρος.

Ένα από τα πιο πρακτικά εργαλεία για να κάνετε τα test σας και να δείτε την απόδοση του blog σας σε κινητά είναι το Mobile-Friendly Test από τους Google Developers! Θα σας δώσει τα αποτελέσματα σας αλλά και προτάσεις για βελτίωση! Όπως βλέπετε στην φωτογραφία της ανάρτησης το Κυριακή στο σπίτι... έβγαλε ικανοποιητικά αποτελέσματα οπότε μπορείτε άφοβα να το διαβάζετε και από το κινητό σας! Πειραματιστείτε και προσαρμόστε ανάλογα και το δικό σας blog!

Αν σας άρεσε και θέλετε και άλλα tutorial για να βελτιώσετε την εμφάνιση του blog σας, ρίξτε μια ματιά εδώ!

Καλή εβδομάδα!