Posts By :

Σκλαβούνος Δημήτρης

Πώς να πουλήσετε στο Instagram. Συμβουλές που λειτουργούν 880 450 Pixelup

Πώς να πουλήσετε στο Instagram. Συμβουλές που λειτουργούν

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

Τον Σεπτέμβριο του 2017, η Instagram ανακοίνωσε ότι η επιχειρηματική κοινότητα έχει αυξηθεί σε δύο εκατομμύρια διαφημιζόμενους, από έναν εκατομμύριο διαφημιζόμενους τον Μάρτιο.
Από μεγάλες εταιρείες έως τοπικά καταστήματα, οι επιχειρήσεις σε όλο τον κόσμο οδηγούνται μέσω του instagram σε αποδεδειγμένα αποτελέσματα. Σύμφωνα με πρόσφατη έκθεση , το 75% των χρηστών του Instagram αναλαμβάνει δράση, όπως η επίσκεψη σε έναν ιστότοπο ή η πραγματοποίηση μιας αγοράς, αφού εξετάσει τις διαφημίσεις Instagram!
Εάν δεν έχετε ήδη αρχίσει να βελτιστοποιείτε το Instagram για πωλήσεις, ενδέχεται να χάσετε μια τεράστια ευκαιρία!

Δείτε μερικές συμβουλές που πραγματικά λειτουργούν για να σας βοηθήσουν να μάθετε πώς να πουλήσετε στο Instagram:

Συμβουλή #1: Βελτιστοποιήστε το επιχειρηματικό σας προφίλ

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

Το προφίλ σας στο Instagram Business θα πρέπει να περιλαμβάνει:

ober Πώς να πουλήσετε στο Instagram. Συμβουλές που λειτουργούνΦωτογραφία προφίλ: Επιλέξτε μια φωτογραφία που είναι εμπορικό σήμα (π.χ. λογότυπο) που καθιστά την εταιρεία σας εύκολη στην αναγνώριση.

  • Ένα καλά σχεδιασμένο βιογραφικό: Το βιογραφικό σας πρέπει να περιλαμβάνει μια σαφή περιγραφή της επιχείρησής σας που μιλάει στο κοινό σας. Αφήστε τους να γνωρίζουν ακριβώς τι πρέπει να προσφέρετε.
  • Σύνδεσμος προς το κατάστημα: Η ενότητα URL του βιογραφικού σας είναι ο μόνος σύνδεσμος που μπορείτε να κάνετε κλικ με δυνατότητα προσθήκης στη σελίδα Instagram, οπότε βεβαιωθείτε ότι το έχετε! Αυτό είναι ένα εξαιρετικό μέρος για να κατευθύνετε την κυκλοφορία από τις μεμονωμένες αναρτήσεις και ιστορίες σας. Η δημιουργία μιας μοναδικής διεύθυνσης URL για αυτήν την ενότητα θα σας δώσει επίσης τη δυνατότητα να παρακολουθείτε τις επισκέψεις στον ιστότοπό σας από το Instagram!
  • Το προφίλ πρέπει να περιλαμβάνει ένα όμορφα σχεδιασμένο και εντυπωσιακό βιογραφικό & φωτογραγία προφίλ. Το προφίλ σας Instagram Business είναι η πρώτη σας ευκαιρία να κάνετε μια μεγάλη εντύπωση και να προσελκύσετε τους ανθρώπους να ακολουθήσουν την επιχείρησή σας. Με τη δημιουργία μιας σταθερής ιστορίας μάρκας και αισθητικής, μπορείτε να μετατρέψετε τους νέους πελάτες σε αφοσιωμένους οπαδούς – κάνοντας ένα τεράστιο άλμα πιο κοντά στην πραγματοποίηση μιας πώλησης.
    Ένα πολύ καλό παράδειγμα είναι το παρακάτω.
    lovec Πώς να πουλήσετε στο Instagram. Συμβουλές που λειτουργούν

Συμβουλή #2: Πως να πουλήσετε στο Instagram χρησιμοποιώντας τις διαφημίσεις Instagram.

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

mani Πώς να πουλήσετε στο Instagram. Συμβουλές που λειτουργούν

Ευτυχώς, δεν είναι τόσο δύσκολο όσο νομίζετε! Ο ευκολότερος τρόπος προβολής των διαφημίσεων είναι η προώθηση των αναρτήσεων που έχετε μοιραστεί στο Instagram. Απλά επιλέξτε τη θέση που θέλετε να ενισχύσετε και, στη συνέχεια, πατήστε το κουμπί «προώθηση» μόλις καταχωριστεί.

Το Instagram θα τραβήξει αυτόματα ένα «παρόμοιο κοινό» στο οποίο μπορείτε να μοιραστείτε την ανάρτηση ή μπορείτε εύκολα να δημιουργήσετε το δικό σας κοινό στην εφαρμογή, επιλέγοντας ένα ενδιαφέρον, το εύρος ηλικίας και τα φύλα που θέλετε να προωθήσετε.

Αφού ρυθμίσετε το κοινό και τον προϋπολογισμό σας, φροντίστε να δώσετε τη διαφήμισή σας μια τελευταία ματιά πριν χτυπήσετε «Επιβεβαίωση».

Μπορείτε να ξεκινήσετε με ένα μικρό προϋπολογισμό και να εκτελέσετε τη διαφήμισή σας για λίγες μέρες για να δοκιμάσετε τα πράγματα. Για να παρακολουθείτε την απόδοση της διαφήμισής σας, κάντε κλικ στην επιλογή «Προβολή αποτελεσμάτων» στην κάτω αριστερή γωνία της διαφήμισής σας. Θυμηθείτε ότι οι διαφημίσεις Instagram μπορούν να ακολουθήσουν πρακτική, οπότε βεβαιωθείτε ότι συνεχίζετε να ταιριάζετε τα ενισχυμένα μηνύματα και το κοινό σας μέχρι να φτάσετε τα αποτελέσματα που θέλετε!

Οι καλύτερες διαφημίσεις Instagram για την προώθηση των πωλήσεων ηλεκτρονικού εμπορίου περιλαμβάνουν μηνύματα που εξηγούν σαφώς πώς να πραγματοποιήσετε μια αγορά.

 

Πώς να πουλήσετε στο Instagram με διαφημίσεις Instagram Stories

Τον Μάρτιο του 2017, η Instagram κυκλοφόρησε τη διαφήμιση στην ιστορία, προσφέροντας μάρκες μια ακόμη ευκαιρία να πληρώσει περισσότερους ανθρώπους. Αυτές οι συναρπαστικές διαφημίσεις σε πλήρη οθόνη επιτρέπουν στην επιχείρησή σας να χρησιμοποιεί στόχευση και να προσεγγίζει δυνατότητες που κάνουν τις διαφημίσεις σας σχετικές με τα άτομα που θέλετε να προσεγγίσετε.

Αν και οι διαφημίσεις φωτογραφιών θα διατηρήσουν πιθανώς την κορυφαία θέση τους στο 2018, τα στατιστικά στοιχεία δείχνουν ότι οι διαφημίσεις Instagram Stories θα δουν την μεγαλύτερη ανάπτυξη. Στην πραγματικότητα, «το 30% των επιχειρήσεων σκοπεύουν να δημιουργήσουν διαφημίσεις Instagram Stories το 2018 , ενώ μόνο το 8% το έκαναν το 2017».

Αυτές οι διαφημίσεις εμφανίζονται μεταξύ των ιστοριών Instagram των λογαριασμών που ακολουθείτε και μπορούν να έχουν μεγάλη επίδραση στους πιθανούς πελάτες:

Image8 Πώς να πουλήσετε στο Instagram. Συμβουλές που λειτουργούν

Θα δείτε μια μικρή ετικέτα «Sponsored» στην επάνω δεξιά γωνία και μια πρόσκληση υποβολής προτάσεων («Μάθετε περισσότερα») στο κάτω μέρος αυτών των διαφημίσεων. Και πάλι, η προσθήκη μιας επιπλέον πρόσκλησης για δράση στο κάτω μέρος της διαφήμισής σας μπορεί επίσης να είναι χρήσιμη για όσους ενδιαφέρονται να μάθουν περισσότερα.

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

Οι ιστορίες Instagram έχουν γίνει ένας πολύ καλός τρόπος για τις επιχειρήσεις να κάνουν βαθύτερες επαφές με τους οπαδούς τους και να αναδείξουν την προσωπικότητά τους. Το 2017, η Instagram ανέφερε ότι «μία στις πέντε ιστορίες για το Instagram παίρνει ένα άμεσο μήνυμα από τους θεατές».

Stock φωτογραφίες υψηλής ανάλυσης μέσα από το WordPress 600 338 Pixelup

Stock φωτογραφίες υψηλής ανάλυσης μέσα από το WordPress

Σήμερα πρόκειται να δούμε μερικές υπηρεσίες και plugins που σας επιτρέπουν να βρείτε και να προσθέσετε όμορφες φωτογραφίες από βιβλιοθήκες στην ιστοσελίδα σας, χωρίς να χρειαστεί να βγείτε από την διαχείριση του WordPress.

Η εύρεση Στοκ Φωτογραφίας για WordPress

Κανείς δεν θέλει πραγματικά stock φωτογραφίες, αλλά και για την πλειοψηφία των επιχειρήσεων, blogs, και τους δημιουργούς περιεχομένου, οι φωτογραφίες είναι απαραίτητες. Πολλοί δεν έχουν τα χρήματα, το χρόνο, ή την τεχνογνωσία για να δημιουργήσουν ή να λάβουν τις δικές τους φωτογραφίες. Ευτυχώς, σε σύγκριση με πριν από 5 χρόνια, υπάρχουν πολλοί περισσότεροι ιστότοποι για να βρείτε φωτογραφίες υψηλής ανάλυσης, καθώς και  δωρεάν φωτογραφίες για το WordPress site σας. Πολλοί από αυτούς έχουν τεράστιες βάσεις δεδομένων με όμορφες επαγγελματικές φωτογραφίες υψηλής ανάλυσης.

Παρακάτω είναι μερικές γνωστές σελίδες:

Πολλές από τις παραπάνω τοποθεσίες έχουν μεγάλες και ωραίες φωτογραφίες που μπορείτε να χρησιμοποιήσετε αλλά κάθε υπηρεσία / website έχει τα δικά του χαρακτηριστικά που πρέπει να λάβουμε υπόψιν ώστε να κατεβάσουμε σωστά τις φώτο π.χ. τι format έχουν, μέγεθος σε Pixels, χαμηλής-υψηλής ανάλυσης κτλ. πράγματα που σας δημιουργούν extra χρόνο και σας καθυστερούν. Πολλοί ιδιοκτήτες επιχείρησης και συγγραφείς χρειάζονται τρόπους για να επιταχύνουν τη δημιουργία του περιεχομένου τους. Ευτυχώς υπάρχουν μερικές λύσεις που πραγματικά σας επιτρέπουν να μείνετε στο WordPress site σας και να βρείτε / να προσθέσετε εικόνες, ενώ δημιουργείται το κείμενο σας.

Δείτε μερικές υπηρεσίες / plugins που σας επιτρέπουν να ανεβάσετε απευθείας τις φωτογραφίες σας στη βιβλιοθήκη του WordPress.

 

1. Instant Images (free)

Η πρώτη λύση ονομάζεται instant images , αυτή ή ομάδα δημιούργησε έχει κάνει κάτι πολύ έξυπνο, καθώς δημιούργησε ένα πρόγραμμα για να ανεβάσετε φωτογραφίες Stock υψηλής ποιότητας από Unsplash, άμεσα στη βιβλιοθήκη πολυμέσων του WordPress. Για όσους από εσάς δεν είναι εξοικειωμένοι με Unsplash, είναι ένα site που προσφέρει απεριόριστες δωρεάν φωτογραφίες υψηλής ανάλυσης. Τα πάντα είναι σύμφωνα με την άδεια Creative Commons Zero , το οποίο σημαίνει ότι μπορείτε να αντιγράψετε, να τροποποιήσετε, διανέμετε και να χρησιμοποιήσει τις φωτογραφίες δωρεάν, συμπεριλαμβανομένων εμπορικούς σκοπούς, χωρίς να ζητήσει άδεια από την παροχή ή ανάθεση στο φωτογράφο ή Unsplash.

banner-772x250 Stock φωτογραφίες υψηλής ανάλυσης μέσα από το Wordpress

 

Το instant images plugin έχει πάνω από 1.000 ενεργές εγκαταστάσεις με 5 στα 5 βαθμολογία. Σας επιτρέπει να κάνετε αναζήτηση στο σύνολο του Unsplash βιβλιοθήκη και να ανεβάσετε εικόνες με ένα μόνο κλικ. Μπορείτε να το κατεβάσετε από το WordPress ή αν κάνετε αναζήτηση στα Plugins και «Προσθήκη νέου». Με αυτό το Plugin μπορείτε να έχετε ενημερωμένο το blog – website σας με ποιοτικές φωτογραφίες υψηλής ανάλυσης.

 

2. PixelRockstar (premium, αρκετά οικονομική)

Η δεύτερη λύση είναι μια νεότερη υπηρεσία και plugin που ονομάζεται PixelRockstar. Δεν είναι δωρεάν, αλλά σε πολύ προσιτή τιμή. Μπορείτε να αποκτήσετε πρόσβαση σε μια βιβλιοθήκη με περισσότερες από 4 εκατομμύρια φωτογραφίες Stock υψηλής ποιότητας μέσα στην διαχείριση του WordPress. Αν έχετε αγοράσει το μεγαλύτερο πακέτο των φωτογραφιών μπορεί και να πάει  0,57$ ανά φωτογραφία!

pixelrockstar Stock φωτογραφίες υψηλής ανάλυσης μέσα από το Wordpress

Υπάρχει άδεια για όλες τις εικόνες και δεν χρειάζεται να ανησυχείτε για θέματα πνευματικής ιδιοκτησίας. Μπορείτε να χρησιμοποιήσετε τις εικόνες για το site σας WordPress και ακόμη και τους λογαριασμούς κοινωνικών μέσων ενημέρωσης. Μερικά επιπλέον χαρακτηριστικά :

  • Κατεβάστε την εικόνα μία φορά και μπορείτε να τη χρησιμοποιήσετε για πάντα, ποτέ δεν λήγει.
  • φωτογραφίες Stock μπορείτε να κατεβάσετε έως 2.000 pixels.
Τι είναι το Ψηφιακό Μάρκετινγκ; 1920 1080 Pixelup

Τι είναι το Ψηφιακό Μάρκετινγκ;

Το «Ψηφιακό Μάρκετινγκ» είναι ένας σχετικά νέος όρος που έγινε γνωστός την τελευταία δεκαετία.

Για να δώσουμε έναν απλό ορισμό, το ψηφιακό μάρκετινγκ είναι ένας όρος «ομπρέλα» που συμπεριλαμβάνει όλες τις προωθητικές ενέργειες για προϊόντα ή υπηρεσίες μέσω της ψηφιακής τεχνολογίας.

Το online μάρκετινγκ είναι μακράν το πιο σημαντικό κομμάτι του ψηφιακού μάρκετινγκ. Δεδομένου ότι τα παραδοσιακά κανάλια διαφήμισης όπως είναι για παράδειγμα η τηλεόραση και το ράδιο, γίνονται ολοένα και λιγότερο δημοφιλή, το online μάρκετινγκ παίρνει όλο και μεγαλύτερα κομμάτια από την πίτα του προϋπολογισμού για τις προωθητικές ενέργειες των εταιρειών. Εκατομμύρια επιχειρήσεις προωθούν άλλωστε τα προϊόντα και τις υπηρεσίες τους αποκλειστικά μέσω του διαδικτύου.

Ποιος είναι ο Σκοπός του Ψηφιακού Μάρκετινγκ;
Όπως κάθε μορφή μάρκετινγκ, ο σκοπός του ψηφιακού μάρκετινγκ είναι να προωθήσει και να πουλήσει ένα προϊόν ή μία υπηρεσία. Πιο συγκεκριμένα, ο σκοπός του είναι να φέρει σε επαφή την εκάστοτε επιχείρηση με το στοχευμένο κοινό της μέσω των ψηφιακών καναλιών.
Υπάρχουν επί του παρόντος πάνω από 3,3 δισεκατομμύρια χρήστες παγκοσμίως, με το νούμερο να αυξάνεται συνεχώς. Η ιδιοκτησία των διαφόρων τεχνολογικών συσκευών επίσης αυξάνεται συνέχεια, με το 92% για παράδειγμα των Αμερικανών ενηλίκων να κατέχει τουλάχιστον ένα κινητό.

Digital-Marketing_gsyyad_deylon Τι είναι το Ψηφιακό Μάρκετινγκ;

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

  • Το 71% των επιχειρήσεων παγκοσμίως σχεδιάζει αυτό τον χρόνο να αυξήσει τον διαφημιστικό τους προϋπολογισμό στο ψηφιακό μάρκετινγκ (Πηγή: Webbiquity)
  • Κατά μέσο όρο, το 60% του χρόνου των υπευθύνων μάρκετινγκ αφιερώνεται σε ενέργειες που απαιτούν γνώσεις και ικανότητες σχετικές με το ψηφιακό μάρκετινγκ. (Πηγή: Smart Insights and Ecommerce Expo)
  • Η δημιουργία ψηφιακού περιεχομένου και η διαχείριση του, πλέον καλύπτουν το δεύτερο μεγαλύτερο κομμάτι του προϋπολογισμού στο ψηφιακό μάρκετινγκ. (Πηγή: KaPost)
  • Το 28% των υπευθύνων μάρκετινγκ έχουν μειώσει τον προϋπολογισμό τους για παραδοσιακές ενέργειες προώθησης και έχουν επενδύσει περισσότερο στο ψηφιακό μάρκετινγκ (Πηγή: CMO Council)
  • Το 73% των B2B υπευθύνων μάρκετινγκ χρησιμοποιούν video σαν στρατηγική διαφήμισης, και το 7% σχεδιάζουν να ενισχύσουν ενέργειες προβολής στο YouTube (Πηγή: Content Marketing Institute)

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

Για παράδειγμα, ο υπεύθυνος ψηφιακού μάρκετινγκ σήμερα, μπορεί να τρέξει μία διαφήμιση στο Facebook στοχευμένη μόνο σε κοινό 20 ετών που ενδιαφέρεται για το γκρουπ Coldplay. Μπορεί να παρακολουθήσει κάθε ενέργεια (εμφάνιση, μου αρέσει, σχόλιο και κλικ) και να χρησιμοποιήσει ειδικό pixel για να δει τι ενέργειες κάνει το κοινό του αφού πατήσει στην διαφήμιση. Αυτά τα δεδομένα μπορούν να χρησιμοποιηθούν για την δημιουργία διαφημίσεων με καλύτερη απόδοση.

Πηγή: Sitepoint.com

Πως να κολλήσει το μυαλό σε μία εικόνα; 500 281 Pixelup

Πως να κολλήσει το μυαλό σε μία εικόνα;

Cinemagraphs είναι η αίσθηση της επαναλαμβανόμενης κίνησης σε ορισμένα σημεία μιας εικόνας.  Όταν χρησιμοποιείτε ένα cinemagraph μπορείτε να προσδώσετε την αίσθηση του χρόνου και του τόπου εκεί που μια απλή εικόνα δεν μπορεί.

Ο όρος « Cinemagraph » επινοήθηκε το 2011 από τους φωτογράφους Kevin Burg και Jamie Beck. Δείτε για παράδειγμα την εικόνα που μας δείχνει τον καφέ που αχνίζει.atmos_n5gyfj_wvuukf Πως να κολλήσει το μυαλό σε μία εικόνα;

Η χρήση του cinemagraph είναι ορισμένες φορές πολύ καλή, ειδικά αν θέλετε να δώσετε έμφαση στα περιφερειακά στοιχεία της εικόνας. Για παράδειγμα, το αντικείμενο της συγκεκριμένης εικόνας είναι μια σκηνή με το πρωινό – και όχι ο ατμός. Ωστόσο, κατά κάποιο τρόπο αυτά τα ψιλά σύννεφα καπνού στον καφέ, μας κάνουν να εστιάσουμε σ’ αυτό και να θυμηθούμε κάποιο ηλιόλουστο πρωινό που απολαμβάναμε με ηρεμία τον καφέ μας.

Είναι περισσότερο η αίσθηση της ανάμνησης από μία απλή φωτογραφία.

 

 

Επιλογή Google Fonts στο WordPress και Ταχύτητα 1200 628 Pixelup

Επιλογή Google Fonts στο WordPress και Ταχύτητα

Σήμερα θα καλύψουμε μερικές μεθόδους για την βελτιστοποίηση και την επιτάχυνση των Google γραμματοσειρών στο WordPress. Οι εικόνες, βέβαια, είναι και πάντα θα είναι το βαρύτερο κομμάτι μιας ιστοσελίδας, αλλά σύμφωνα με το HTTP αρχείο , από τον Οκτώβριο του 2016 οι γραμματοσειρές στο web καταλαμβάνουν λίγο περισσότερο από το 3% του συνολικού βάρους μίας μέσης ιστοσελίδας.

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

Τι είναι το Google Fonts;

Πρώτα απ ‘όλα, για όσους από εσάς ίσως δεν γνωρίζετε, το Google Fonts είναι ένας open source (δωρεάν) κατάλογος με πάνω από 800 οικογένειες γραμματοσειρών web που μπορείτε να χρησιμοποιήσετε στην ιστοσελίδα σας. Επίσης, είναι διαθέσιμα για να τα κατεβάσετε τοπικά για εκτύπωση και για άλλες χρήσεις. Εκατομμύρια ιστοσελίδες WordPress χρησιμοποιούν τις Google γραμματοσειρές καθώς είναι ένας δωρεάν τρόπος για να βελτιώσετε την εμφάνιση και την χρηστικότητα του site σας.

Είναι σημαντικό να κατανοήσουμε πώς η προσθήκη των Google fonts στο WordPress site σας, επηρεάζει την ταχύτητα και τις επιδόσεις του.

Πώς να χρησιμοποιήσετε τις γραμματοσειρές Google στο WordPress.

Υπάρχουν δύο τρόποι για να προσθέσετε γραμματοσειρές Google στο WordPress site σας. Η πρώτη μέθοδος είναι να τις τραβήξετε απευθείας από την Google. Αυτή η μέθοδος χρησιμοποιεί την παγκόσμια CDN τους για να παραδώσει τις γραμματοσειρές γρήγορα από διαφορετικούς servers από όλο τον κόσμο.

Όταν τα προσθέσετε στο site σας, θα υπάρξει ένα εξωτερικό αίτημα fonts.googleapis.com.

1-googleapis Επιλογή Google Fonts στο WordPress και Ταχύτητα

Ή είναι επίσης εξωτερικές αιτήσεις fonts.gstatic.com για τις εκδόσεις WOFF ή WOFF2 ανάλογα με την υποστήριξη του προγράμματος περιήγησης.

2-gstatic Επιλογή Google Fonts στο WordPress και Ταχύτητα

WordPress Plugin.

Εάν είστε αρχάριος στο WordPress, ο ευκολότερος τρόπος για να προσθέσετε τις γραμματοσειρές Google στον ιστότοπο σας είναι με ένα δωρεάν plugin.
To Easy Google Γραμματοσειρές plugin είναι μία καλή και δημοφιλής περίπτωση. Έχει σήμερα πάνω από 300.000 ενεργές εγκαταστάσεις με βαθμολογία 4,9 στα 5 αστέρια.

3-easy-google-fonts-wordpress Επιλογή Google Fonts στο WordPress και Ταχύτητα

Προσθέστε Κώδικα από το Google Fonts.

Είναι σημαντικό να σημειωθεί ότι τα περισσότερα plugins WordPress προσθέτουν μικρή επιβάρυνση στο site σας, εναλλακτικά μπορείτε να προσθέσετε τις Google γραμματοσειρές με πολύ πιο απλό τρόπο δηλαδή να χρησιμοποιήσετε κώδικα ενσωμάτωσης. Έτσι, στο <head> του wesbite σας  προσθέστε τον κώδικα που σας δίνει η Google, ένα παράδειγμα είναι η γραμματοσειρά Roboto.

Κάντε κλικ στην » Customize επιλογή».

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

4-roboto-google-fonts Επιλογή Google Fonts στο WordPress και Ταχύτητα

Στη συνέχεια, κάντε κλικ στο » EMBED». Για να αντιγράψετε τον ενσωματωμένο κώδικα που παρέχει.

5-google-fonts-embed Επιλογή Google Fonts στο WordPress και Ταχύτητα

Πάρτε αυτόν τον κώδικα και τοποθετήστε τον στο <head>τμήμα του WordPress site σας. Υπάρχουν διάφοροι τρόποι που μπορείτε να το κάνετε αυτό, ορισμένοι μπορεί να προτιμούν enqueue τις γραμματοσειρές, αλλά για αυτό το παράδειγμα θέλουμε απλή επικόλληση του κώδικα στο header.php. Σημείωση: Αυτό μπορεί να διαφέρει ανάλογα με το θέμα που χρησιμοποιείτε.

6-header-font-embed Επιλογή Google Fonts στο WordPress και Ταχύτητα

Στη συνέχεια, μπορείτε να προσθέσετε κάποια στυλ CSS. Παρακάτω είναι ένα παράδειγμα. Αν ο πίνακας στο admin σας δεν διαθέτει έναν επεξεργαστή για προσαρμοσμένο CSS μπορείτε πάντα να χρησιμοποιήσετε ένα δωρεάν plugin όπως Custom CSS και JS .

body {font-family:roboto; font-size:18px;}
h1,h2,h3,h4,h5,h6 {font-family:roboto; font-weight:700; text-transform:none !important;}
h1 {font-size:28px;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

Τώρα που ξέρετε μερικές γρήγορες μεθόδους για την προσθήκη Google Fonts στο WordPress site σας, δείτε εναλλακτικούς τρόπους για την επιτάχυνση τους.

Φιλοξενήστε τα Google Fonts στον server σας.

Αν το κοινό σας είναι σε μια συγκεκριμένη γεωγραφική περιοχή και κοντά στον κεντρικό υπολογιστή σας, μπορεί πραγματικά να είναι πιο γρήγορα για να τους φιλοξενήσει σε τοπικό επίπεδο από ότι είναι να χρησιμοποιήσετε το Google Fonts. To Google Fonts CDN είναι πολύ καλό, αλλά η προσθήκη αυτών των πρόσθετων εξωτερικών αιτήματων και οι αιτήσεις DNS μπορεί να προκαλέσουν καθυστερήσεις.

Αυτή η μέθοδος θα λειτουργήσει κατά κανόνα μόνο εάν χρησιμοποιείτε γρήγορη φιλοξενία.

Για να φιλοξενήσετε τοπικά γραμματοσειρές ένα δωρεάν εργαλείο είναι το google-webfonts-helper . Αυτό σας επιτρέπει να κατεβάσετε τις γραμματοσειρές Google τοπικά πιο εύκολα και σας δίνει όλα τα CSS. Παρακάτω είναι ένα παράδειγμα. Θα χρειαστεί να φορτώσετε τις γραμματοσειρές που κατεβάσατε στο web server σας.

Παράδειγμα.

/* roboto-regular – latin */

@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 400;
src
: local(‘Roboto’), local(‘Roboto-Regular’),
url
(‘https:/perfmatters.io/fonts/roboto-v15-latin-regular.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-regular.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-500 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 500;
src
: local(‘Roboto Medium’), local(‘Roboto-Medium’),
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-500.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-500.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-700 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 700;
src
: local(‘Roboto Bold’), local(‘Roboto-Bold’),
url
(‘https:/perfmatters.io/fonts/roboto-v15-latin-700.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://perfmatters.io/fonts/roboto-v15-latin-700.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

Φιλοξενήστε τα Google Fonts στο δικό σας CDN.

Από την παραπάνω ιστοσελίδα, χρησιμοποιούμε έναν CDN provider ( KeyCDN ) για να φιλοξενήσει όλα τα άλλα περιουσιακά στοιχεία (εικόνες, CSS, Javascript, κλπ). Τι θα συμβεί αν τώρα ρίξει τις γραμματοσειρές μας στην ίδια CDN, αντί του CDN της Google;

Χρησιμοποιώντας το δωρεάν CDN Enabler WordPress plugin. Αντιγράφει τα fonts από το φάκελο «fonts» στον web server σε KeyCDN αυτόματα. Στη συνέχεια πρέπει να φτιάξουμε λίγο τον κώδικα έτσι ώστε η διαδρομή προς τα fonts τώρα να δείχνει προς το CDN (όπως cdn.domain.com).
/* roboto-regular – latin */

@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 400;
src
: local(‘Roboto’), local(‘Roboto-Regular’),
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-regular.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-regular.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 500;
src
: local(‘Roboto Medium’), local(‘Roboto-Medium’),
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-500.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-500.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 – latin */
@fontface {
font
family: ‘Roboto’;
font
style: normal;
font
weight: 700;
src
: local(‘Roboto Bold’), local(‘Roboto-Bold’),
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-700.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url
(‘https://cdn.perfmatters.io/fonts/roboto-v15-latin-700.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Η ταχύτητα είναι πιο γρήγορη.
Φυσικά η ταχύτητα γενικά επηρεάζεται από τον server που χρησιμοποιείτε αλλά και τις επιλογές που κάνετε στην επιλογή γραμματοσειράς (italic, normal, κτλ.) όσο πιο λίγα τόσο και πιο γρήγορα.