Κατασκευή Ηλεκτρονικού Καταστήματος - Eshop

– Τα υψηλότερα ποσοστά μετατροπών ηλεκτρονικού εμπορίου εμφανίζονται σε σελίδες με χρόνο φόρτωσης μεταξύ 0-2 δευτερολέπτων.

– Τα ποσοστά μετατροπών ιστοτόπων μειώνονται κατά μέσο όρο 2,11% με κάθε επιπλέον δευτερόλεπτο χρόνου φόρτωσης (μεταξύ 0-9 δευτερολέπτων)

Οι στατιστικές λένε πως το βέλτιστο αποτέλεσμα σε πωλήσεις έρχεται όταν ο χρόνος φόρτωσης της ιστοσελίδας είναι κάτω από 2 δευτερόλεπτα. Και πως ο ρυθμός μετατροπής πωλήσεων (conversion rate) πέφτει 2,11% για κάθε δευτερόλεπτο που αυξάνεται ο χρόνος φόρτωσης έως τα 9 δευτερόλεπτα. 

Είναι υπερβολές; Όχι.

Στην ορθή επιχειρηματικότητα δεν έχει σημασία εάν πουλάς… Αλλά έαν έχεις κάνει το καλύτερο δυνατόν που μπορείς,  για να πουλήσεις τα περισσότερα που μπορείς. Τότε, αρχίζει πραγματικά η επιχειρηματικότητα να γίνεται επάγγελμα για λίγους. Με άλλα λόγια όλοι μπορούν να πουλήσουν αλλά όλοι δεν θα φτάσουν την επιχείρηση στο maximun των δυνατοτήτων της και των κερδών της. Και ο σκόπος ενός επιχειρηματία είναι να κερδίσει τα περισσότερα που μπορεί. Αλλιώς όλες οι επιχειρήσεις και οι επαγγελματίες του κλάδου είναι ίδιοι, πάνω – κάτω.

Οδηγός βελτιστοποίησηs της ταχύτητας φόρτωσης ενός website

Τα πιο σημαντικά σημεία είναι:  

• Hosting. 

Το hosting, είναι από τους πιο σοβαρούς συντελεστές για την ταχύτητα φόρτωσης ενός website. Η επιλογή εταιρείας hosting είναι καθοριστική για την ταχύτητα της ιστοσελίδας μας. Περισσότερες πληροφορίες θα βρείτε σε προηγούμενο άρθρο μας, στο “Κατασκευή eshop: Αλήθειες και μυστικά για no expert ”

• Επιλογή Template

Το Template ουσιαστικά είναι το αντίστοιχo μιας αρχιτεκτονικής μακέτας, μαζί με τις παραλλαγές της (laytouts) και τα εργαλεία για να αναπαράγεις τις παραλαγές αυτές ή να φτιάξεις καινούργιες. 

Ένα καθαρό από λάθη template είναι η καλύτερη αρχή που μπορείς να κάνεις. 

Μερικά που πρέπει να κάνουμε πριν το αγοράσουμε, αναφορικά με την ταχύτητα, είναι:

• Να διάβασουμε καλά τα reviews των ανθρώπων που τα δουλευούν καιρό. 
• Να επιλέξουμε template, που να αναγράφει, πως είναι τουλάχιστον συμβατό με διεθνή πρότυπα και χωρίς λάθη στον html checker και στον Wave checker.
• Να κάνουμε έλεγχο και μόνοι μας,  τα url των online demo με τους παραπάνω checkers αλλά να κάνουμε και έλεγχο σε ιστοσελίδες όπως, PageSpeed Insight και GTmatrix.
• Να μην πάρουμε δωρεάν template εάν θέλουμε να έχουμε το κεφάλι μας ήσυχο. Να πάρουμε κάποιο επί πληρωμή για να παίρνουμε σίγουρα όλα τα μελλοντικά updates. Να πάρουμε και 6μηνη τουλάχιστον τεχνική υποστήριξη για τα λάθη που θα προκύψουν ώσπου να “στηθεί” το eshop μας σωστά και να δέσει καλά με τα plugin.
• Να βρούμε κάτι που να μας πείθει για τις επιδόσεις του, όπως:
• Μέγεθος φωτογραφιών.

Είναι και αυτό από τα καθοριστικά σημεία μαζί με το hosting και το template. Είναι όμως και μια συνιστώσα που μπορούμε εύκολα να μεταβάλλουμε χωρίς ιδιαίτερες γνώσεις. Ένας εύκολος και γρήγορος τρόπος είναι να επεξεργαστούμε το .jpg ή .png αρχείο μας σε κάποιον “online image compression”. Μπορεί να πετύχουμε σύμπίεση 50% – 60% χωρίς να παρατηρήσουμε κάποιο αλλαγή στην ποιότητα της εικόνας.

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

Η κάθε φωτογραφία στο website δεν πρέπει να υπερβαίνει τα 100 kB. Η βελτιστοποίηση μεγέθους θα πρέπει να γίνεται ακόμα και σε φωτογραφίες που είναι κάτω από τα 100 kB και μάλιστα ευλαβικά σ’ όλες. 

Μια νέα σύσταση είναι να μεταμορφωθούν και να αποθηκευτούν οι εικόνες των  .jpeg και .png σε μορφές επόμενης γενειάς όπως WebP και AVIF. 

Είναι μόνη συνιστώσα της ταχύτητας φόρτωσης website που μπορείτε να ελέγξετε εύκολα…!

• Ενεργοποίηση cache

Η ενεργοποίηση ενός plugin cashe όπως το w3 total cashe λειτουργεί για την ταχύτητα φόρτωσης ενός website όπως οι καταλύτες στην χημεία. Με την προυπόθεση πως όσο καλύτερη είναι η εν γένη δουλειά που κάναμε τόσο καλύτερα ως καταλύτης θα δράσει η ενεργοποίηση ενός cashe.

Αυτό που πραγματικά κάνει ένα cashe είναι αντί ο server να συνθέτει κάθε φορά την σελίδα πριν την “σερβίρει”, απλώς την έχει έτοιμη και την “σερβίρει”. Αυτό πολλαπλασιάζει την ταχύτητα “σερβιρίσματος”, δηλαδή την γρήγορη φόρτωση της σελίδας του website.

• Ενεργοποίηση CDN

Η χρήση τεχνολογιών Content Delivery Network βοηθάει στην φόρτωση της πληροφορίας της ιστοσελίδας σας από πολλούς διαφορετικούς servers με αποτέλεσμα, όχι μόνο να μειωθεί ο χρόνος απόκρισης, αλλά και ο φόρτος που προκαλείται στον server ανά επισκέπτη. Δηλαδή, με την παραπάνω ενέργεια, πετυχαίνουμε και γρήγορη ιστοσελίδα αλλά και αύξηση στα όρια της επισκεψιμότητας που μπορεί να δεχθεί ένα πακέτο φιλοξενίας σε δεδομένη στιγμή.

• Μείωση του όγκο 

Μια σύνηθες πρακτική είναι να ελαχιστοποιούμε τον γενικότερο όγκο ενός website (storage). Η ελαχιστοποίηση πρέπει να γίνει τόσο στο συνολικό όγκο του website όσο και ανά σελίδα αλλά και στον αριθμό των διεργασιών που απαιτούνται (requests).

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

Αυτό παραπέμπει και στην γενικότερη σχεδίαση ενός e-shop που μπορείτε να βρείτε σε προηγούμενο άρθρο, στο “Κατασκευή eshop”

• Αφαιρέστε τα plugin που δεν χρειάζεστε πραγματικά!

Καλό θα ήταν να κάνουμε απεγκατάσταση όλα τα plugins που δεν είναι απαραίτητα. Τόσο για λόγους όγκου αλλά και ασφάλειας. Ακόμα,  να αντικαταστήσουμε τα “βαριά” plugin με άλλα πιο ελαφριά.

Υπάρχουν λύσεις για να μετρήσουμε την καθυστέρηση που επιφέρει ένα plugin, είτε με την χρήση κάποιου τρίτου plugin, είτε χειροκίνητα ξεκινώντας από το template “γυμνό” και προσθέτοντας ένα – ένα τα plugin. 

Να μετρήσουμε τους χρόνους στον “Έλεγχο” του Chrome. Κάντε δεξί κλικ στην σελίδα και κατόπιν “Έλεγχος”, “Network” και ακολουθήστε τις οδηγίες του browser και το παρακάτω σχήμα.

Στον “Έλεγχο” υπάρχουν όλα όσα θα θέλαμε να δούμε για την απόδοση ενός website. Ένα από τα πολλά αλλά σημαντικό είναι, ποια στοιχεία υπερβαίνουν χρονικά το μέσο όρο και δημιουργούν καθυστερήσεις. Βέβαια πρέπει να εξοικοιωθείτε ιδιαίτερα με την εφαρμογή. Γιατί μπορεί να υπάρχουν βαθύτερα αίτια για το γιατί δεν “φορτώνει” γρήγορα μια φωτογραφία. Ιδιαίτερη προσοχή δίνουμε στα πολλά και επικαλυπτώμενα requests. Δηλαδή, μια φωτογραφία πρέπει να εμφανιστεί αφού τρέξει πρώτα ένα Plugin που έχει μέσα μια java, που πρέπει να φορτωθεί μέτα από μια άλλη java, αφού φορτώσει πρώτα κάποια css κ.ο.κ.

Γι’ αυτό όσο λιγοτερα plugins, τόσο λιγότερο complexity, τόσο μεγαλύτερη ταχύτητα.

Οπωσδήποτε, κατά το toubleshooting να επισκέπτόμαστε συχνά ιστοσελίδες που ελέγχουν τα δομικά στοιχεία και την ταχύτητα ενός website όπως PageSpeed Insight και GTmatrix.

• Error στο “Έλεγχο” του Chrome 

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

Εάν είμαστε λίγο τυχεροί μπορούμε να αναγνωρίσουμε κάποια εύκολα λάθη και να τα διορθώσουμε.  Όμως πριν αρχίσουμε να διορθώνουμε ας φτιάξουμε πρώτα ένα “Ημερολόγιο αλλαγών” όπου θα αποθηκεύουμε τις αλλαγές που πραγματοποιείσαμε. Ας κάνουμε και ένα backup του website…  για παν ενδεχώμενο. 

• Να σβήσουμε ότι δεν είναι απαραίτητο.

To template έρχεται με προεγκατεστημένες λειτουργίες, demo (dummy) φωτογραφίες, άρθρα, widget κ.α. Να τα σβήσουμε όλα. Πολύ πιθανόν να μην κάνει την τεράστια διαφορά αλλά ποτέ δεν ξέρεις…! Γιατί να υπάρχουν.

Εάν κάνουμε όλα τα παραπάνω σωστά τότε θα δείτε θεαματικές αλλαγές στην ταχύτητα του websites σας.

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

Παρακαλώ επικοινωνήστε ελεύθερα μαζί μου για οποιαδήποτε απορία.

Ψύλλας Δημήτρης

Υπεύθυνος ανάπτυξης της ClickMyWay

Στην ClickMyWay, προσφέρουμε ολοκληρωμένες λύσεις για την κατασκευή ενός συνδρομητικού eshop.

The post Tαχύτητα website σε WordPress και πως τη βελτιστοποιούμε appeared first on Click My Way.

Αλήθειες και μυστικά για nο expert

Η κατασκευή ενός ηλεκτρονικού καταστήματος – eshop –  είναι πλέον μια αναγκαιότητα. Είναι ένας επιχειρηματικός μονόδρομος για να ανταγωνιστεί ένας επιχειρηματίας τις υπόλοιπες επιχειρήσεις του κλάδου του. Σκοπός φυσικά είναι η πώληση είτε για να επιβιώσει επιχειρηματικά είτε για να αναπτυχθεί περαιτέρω.

“Μια από τις επιχειρηματικές αρχές είναι να είσαι “εκεί” που είναι και οι ανταγωνιστές σου”

Οι περισσότεροι όμως δεν ξέρουν τι να προσέξουν και τι να περιμένουν πριν την δημιουργία του eshop τους.

Τι να προσέξω κατά την δημιουργία ενός eshop;

Ας πούμε τα μυστικά και τις αλήθειες της κατασκευής eshop, που τα κυριότερα είναι:

-Στρατηγικός σχεδιασμός eshop

To A και το Ω της δημιουργίας ενός eshop είναι ο στρατηγικός σχεδιασμός του. Κανένας μηχανικός δεν θα έφτιαχνε ένα σπίτι, χωρίς να το είχε σχεδιάσει εξ αρχής. Το ίδιο και ένα eshop. Η καταγραφή ανταγωνισμού, η προβολή ανταγωνιστικού πλεονεκτήματος, το προφίλ των αγοραστών, η ροή περιήγησης επισκέπτη στο site, το “UX/UI”, ο σχεδιασμός SEO” κ.α. είναι μόνο μερικά από’ αυτά που θα χρειαζόταν να συμπεριλάβουμε στον στρατηγικό σχεδιασμό του ηλεκτρονικού μας καταστήματος.

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

Στο παραπάνω γράφημα βλέπουμε, γενικότερα για ένα project, την σχέση ανάμεσα στο χρόνο σχεδιασμού και στο κόστος υλοποίησης, σε τρεις χώρες του κόσμου με διαφορετική κουλτούρα στην εκπόνηση επιχειρηματικών project. Δεν είναι μυστικό άλλωστε…

– Hosting eshop

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

– H ταχύτητα του eshop

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

Mε τους user να έχουν παραπάνω υπομονή από την Google για να ανοίξει μια σελίδα…!
Και φυσικά έλλειψη ταχύτητας σημαίνει “πέναλτι” στα οργανικά αποτελέσματα της Google.

– Shared hosting

Οι ανάγκες για hosting χρονικά είναι διαφορετικές. Οι απαιτήσεις στις αρχές που έχει φτιαχτεί το website είναι χαμηλές γιατί το “traffic” μας θα είναι χαμηλό. Ενώ, θα είναι πολύ περισσότερες μετά από 3 – 4 χρόνια όπου το “traffic” μας θα είναι πολλαπλάσιο. Οπότε ένα “οικονομικό” shared hosting θα ήταν ιδανικό στην αρχή και εφιάλτης όταν το eshop μας μεγαλώσει. Και αυτό οφείλεται σε δύο πολύ σημαντικά συστατικά του hosting:

– το bandwidth,

δηλαδή η ανταλλαγή δεδομένων ανάμεσα στους users και τον server. Αυτό που πρέπει να προσέξουμε στην αρχή για το bandwidth είναι, να είναι  unlimited (αμέτρητο εύρος) και

– η χωρητικότητα που μας δίνεται στο δίσκο / server να είναι επαρκής.

– hosting σε ελληνικούς server και ip,

σημαντικό για τα website που αναφέρονται στην ελληνική αγορά.

– τεχνικά χαρακτηριστικά του server

να είναι ισχυρά και προτείνεται Full SSD/NVMe δίσκοι.

Επίσης σημαντικά η

– κυβερνοασφάλεια και

– η τεχνική υποστήριξη

του παρόχου hosting.

Προσωπικά μια συμβουλή που πάντα κρατώ είναι πως το hosting των eshop πρέπει να γίνεται σε εταιρείες που ασχολούνται επαγγελματικά μόνο με αυτό.

– Update δομικών στοιχείων για hosting.

Υπάρχει και ακόμα μια κατηγορία στοιχείων που συνθέτουν έμμεσα το hosting όπως, π.χ. το επίπεδο της php, nginx server, speed kit extensions, gzip compression και πολλά άλλα που πρέπει να εμβαθύνει κάποιος υπερβολικά για να καταλάβει και που στην αρχή δεν χρειάζεται να ξέρετε.

Συμπερασματικά, για τον στρατηγικό σχεδιασμό μπορούμε να πούμε, ότι όσο πιο πολλά μάθουμε αναφορικά με τα τα συστατικά ενός επιτυχημένου eshop τόσο καλύτερα θα το σχεδιάσουμε.

Ενώ, για το hosting είναι αρκετά αυτά που θα πρέπει να έχουμε κατά νου με σημαντικότερο την ταχύτητα που εξαρτάται από το “trafic” του e-shop μας και τα τεχνικά χαρακτηριστικά του server που μας φιλοξενεί. Ελληνικοί server και ip προτιμούνται.

Πιο σημαντικό όμως από όλα είναι η εμπιστοσύνη και η καλή συνεργασία με τον πάροχο.  

Σημαντικά ακόμα συστατικά για την κατασκευή ενός επιτυχημένου eshop και  που θα εξετάσουμε αναλυτικότερα σε επόμενα άρθρα μας, είναι:

• Ταχύτητα loading του eshop

  που εξαρτάται από πλήθος παραγόντων, εκτός του Hosting που αναλύσαμε, όπως:

  • Χρήση CDN,

  • Λάθη στο Chrome inspector. Για το Google Inspection πάτε στην σελίδα του eshop και πληκτρολογήστε Ctrl+Shift+I ή F12 για Windows.

  • Μέγεθος  της σελίδας

Πολλά από αυτά μπορούν να αναλυθούν με μια επίσκεψη στην σελίδα PageSpeed insights

• SEO/SERP με σημαντικότερα επιμέρους τμήματα

  • Εγγραφή στο Search console

  • Επικεφαλίδες

  • Πρωτοπορία στο περιεχόμενο

  • Πλήθος  των  plugin ή των features που χρησιμοποιούνται

  • Maintenance και update

  • Backlinks

  • Αρθρογραφία

• Ψηφιακή Διαφήμιση. Είναι πολύ που μας υπόσχονται ότι θα μας βγάζουν πάντα πρώτοι στην Google εννοώντας τις πληρωμένες διαφημίσεις.

  • Τι να προσέχουμε για μια πετυχημένη online διαφήμιση. Πότε μας κοροϊδεύουν;

• CAC (Customer Ascuition Cost).

• Τι είναι και γιατί είναι τόσο σημαντικό;

• Γνώσεις και προσωπικό που χρειάζονται στην διαχείριση ενός eshop.

  • Πόσο σημαντική είναι η προσωπική ενασχόληση μας με το eshop;

• Πλατφόρμες ανοιχτού κώδικα.

  • Τι μας προσφέρουν;

  • Ανάλυση για WordPress και Woocommerce.

• Φτιάχνω μόνος το eshop μου;

  • Τι θα χρειαστώ;

  • Τι να προσέξω;

• Συνδρομητικό eshop.

  • Τι κάνει την ιδέα τόσο ελκυστική;

Ψύλλας Δημήτρης

Υπεύθυνος ανάπτυξης της ClickMyWay

Στην ClickMyWay, προσφέρουμε ολοκληρωμένες λύσεις για την κατασκευή ενός συνδρομητικού eshop.

The post Κατασκευή Eshop appeared first on Click My Way.