Category Archives: ΚΑΤΑΣΚΕΥΗ ΙΣΤΟΣΕΛΙΔΩΝ WEB SITE

kataskevi_istoselidon_web_design

Κατασκευή Ιστοσελίδων – Web Design

Κατασκευή Ιστοσελίδων – Web Design

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

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

Προσφέρουμε υπηρεσίες φιλοξενίας σε ιδιόκτητα Ελληνικά συστήματα, σχεδιασμένα να παρέχουν ασφάλεια και ταχύτητα. 

Κατασκευάζουμε ιστοσελίδες που ανταποκρίνονται με επάρκεια στις σύγχρονες απαιτήσεις. 

Υποστηρίζουν τις πραγματικές ανάγκες της επιχείρησης. 

Δημιουργούν ή και προβάλουν το Brand Name της επιχείρησης. 

Έχουν πρότυπο σχεδιασμό και είναι φιλικές με τους πελάτες σας. 

Επικεντρώνονται στο στόχο της επιχείρησης στο διαδίκτυο. 

Παρέχουν συνεχή και ουσιαστική προώθηση στο διαδίκτυο. 

Αναβαθμίζονται, ώστε να παρέχουν νέες υπηρεσίες στο μέλλον. 

Σχεδιασμός και Κατασκευή ιστοσελίδων για τις δικές σας απαιτήσεις.


stratigiko_SEO

Στρατηγικό SEO

Στρατηγικό SEO, Πριν την Κατασκευή του Website .Όταν ακούς για SEO optimization το μυαλό σου πάει κατευθείαν σε ενέργειες που γίνονται με στόχο να βελτιστοποιήσουν την οργανική κατάταξη ενός website που υπάρχει ήδη.

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

Όταν όμως η ανάγκη για SEO είναι αναγκαία σε ένα website που ήδη έχει κατασκευαστεί και βρίσκεται αρκετό καιρό ανεβασμένο στο διαδίκτυο συνήθως απαιτείται η ακόλουθη διαδικασία που ονομάζεται Seo Audit Process:

Η παραπάνω διαδικασία είναι πολύ χρονοβόρα, απαιτεί  μεγάλο αριθμό υλικών και άυλων πόρων (εργαλεία, εξειδίκευση. ανθρώπινο δυναμικό κ.α.). Αυτό είναι που συμβαίνει όταν δημιουργείται η ανάγκη στις επιχειρήσεις και τους οργανισμούς να αντιμετωπίσουν με σοβαρότητα το search engine optimization. Ωστόσο, κάποιες φορές είναι ήδη πολύ αργά.

Στρατηγικό SEO, Πριν την Κατασκευή του Website σου

Τα ερωτήματα που πρέπει να απαντηθούν και απασχολούν μια εταιρεία ή ένα φυσικό πρόσωπο που ενδιαφέρετε για  search engine optimization στο website τους είναι:

     Το πώς θα κινηθεί η ευρύτερη στρατηγική

     Ποιοι τεχνικοί τομείς θα συζητηθούν με τους developers

     Θέματα και ζητήματα σχεδιασμού που θα συζητηθούν με τους designers

Στην ουσία είναι μια λίστα με βασικά στοιχεία που επηρεάζουν το SEO, τα οποία θα είναι δύσκολο να αλλάξουν μετά το ανέβασμα και την προώθηση του website.

Ευρύτερα στρατηγικά ερωτήματα που πρέπει να απαντηθούν:

Πως επικοινωνείς τον επιχειρηματικό σου στόχο online;

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

Υπάρχουν οργανικές αναζητήσεις στα προβλήματα ή τις ανάγκες των καταναλωτών που προτίθεσαι να καλύψεις; 

Είναι το επιχειρησιακό σου μοντέλο κοντά σε αυτές τις αναζητήσεις; Ένα απλό παράδειγμα αναζητήσεων και κάλυψης αναγκών είναι η υπηρεσία του email marketing.

Κατανοείς αποτελεσματικά τα customer segments σου;

Αυτά είναι τα ερωτήματα που αποτελούν σημείο εκκίνησης στην έρευνα σου:

·Πόσο μεγάλη είναι η αγορά σου; Το δυνητικό σου κοινό αυξάνεται ή συρρικνώνεται;  (Εργαλείο μέτρησης:Google Trends).

·Ποια είναι τα βασικά target personas σου – τα δημογραφικά στοιχεία, τα κίνητρα τους, οι ρόλοι και οι ανάγκες τους; 

·Πώς συμπεριφέρονται online και offline; Ποια είναι τα touchpoints τους πέρα από το website σου;

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

Ποιοι είναι οι digital ανταγωνιστές σου;

Γνωρίζοντας τους βασικούς ανταγωνιστές μας στον web digital marketing, θα σχεδιάσουμε και θα υλοποιηθεί σωστά η αρχιτεκτονική του site μας. Επίσης Θα επικεντρωθούμε στο πώς θα βελτιώσουμε το συνολικό user experience και το reach των δυνητικών πελατών μας. Τα βήμα είναι να γίνουν να διαχωρίσουμε τους ανταγωνιστές μας σε 3 βασικές κατηγορίες:

·Search competitors: αυτοί που επιλέγουν να κάνουν rank στο βασικό προϊόν/υπηρεσία που προσφέρουμε. Θα ανταγωνιστούν στις ίδιες λέξεις κλειδιά που στοχεύουμε, αλλά μπορεί να καλύπτουν μια διαφορετική ανάγκη, έχοντας μια εντελώς διαφορετική πρόθεση.

·Business competitors: αυτοί που προσφέρουν τις ίδιες λύσεις στους πελάτες που προσφέρουμε και εμείς.

·Cross-industry competitors: αυτοί που αντιμετωπίζουν έμμεσα το πρόβλημα του πελάτη μας.

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

·Ποιο είναι το μέγεθος και η απόδοση των ανταγωνιστών σου;

·Πώς αυτοί διαφοροποιούνται;

·Πόσο ισχυρό είναι το brand name τους;

·Πώς συνδέονται με τους πελάτες τους

·Κάνουν κάτι διαφορετικό και ενδιαφέρον με την αρχιτεκτονική του site τους;

Τεχνικοί τομείς που πρέπει να εξεταστούν 

HTTP ή HTTPS

HTTP ή HTTPS;  Η απάντηση είναι η πρώτη, από τη στιγμή που η χρήση HTTPS αποτελεί και επίσημα raking factor της Google. Ο βασικός κανόνας είναι ότι αν σκοπεύουμε να δεχόμαστε πληρωμές online, ή έχουμε ένα e-shop, η χρήση HTTPS κρίνεται νομικά απαραίτητη.

URLs Canonical Version

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

Από την οπτική γωνία του developer, μία σελίδα είναι μοναδική μόνο αν έχει ένα unique ID στη database του ιστότοπου, ενώ για τις μηχανές αναζήτησης, unique ID αποτελεί η διεύθυνση URL. Ένας developer θα πρέπει να έχει κατά νου ότι κάθε κομμάτι περιεχομένου θα πρέπει να είναι προσβάσιμο μόνο μέσω μιας διεύθυνσης URL.

Site Speed

Σημαντικός παράγοντας είναι η ταχύτητα της σελίδας. Είναι κρίσιμης σημασίας του site speed. Για αυτό το λόγο πρέπει να γίνει σωστή δουλειά πάνω στο page speed optimization ωστέ να τρέχει γρήγορα το web site μας. Ο χρόνος φόρτωσης μιας ιστοσελίδας αποτελεί έναν από τους σημαντικότερους παράγοντες στο σύγχρονο Digital Marketing, από τη στιγμή που επηρεάζει άμεσα την πορεία μιας επιχείρησης ή οργανισμού , τα κέρδη και γενικότερα την παρουσία της στον online κόσμο.

Γλώσσα και τοποθεσία

Αν σκοπεύουμε να στοχεύσουμε χρήστες από διαφορετικές χώρες, θα πρέπει ο ιστότοπος μας ναα είναι multi-lingual (πολύγλωσσος), ή multi-regional (πολυπεριφερειακός)  ή και τα δύο. Η τοπική έρευνα λέξεων – κλειδιών, η χρήση hreflang και το διπλότυπο περιεχόμενο είναι όλα θέματα που αντιμετωπίζονται καλύτερα πριν από την κατασκευή του site. Η χρήση ξεχωριστών domains σε επίπεδο χώρας, σου δίνει το πλεονέκτημα ότι η σελίδα σου θα είναι πιο κοντά στη στόχευση μιας χώρας ή μιας γλώσσας. Αυτό βέβαια εξαρτάται άμεσα από τους πόρους που έχεις στη διάθεσή σου για να δημιουργήσεις και να διατηρήσεις τις κατάλληλες υποδομές, να γράψεις μοναδικό περιεχόμενο και να το προωθήσεις σε κάθε domain. Εάν σκοπεύουμε σε multi-language/country συνδυασμούς σε ένα single site, η καλύτερη λύση είναι τα subfolders (π.χ example.com/en, example.com/de). Τα subfolders μπορούν να τρέξουν από μια πλατφόρμα/CMS, πράγμα που σημαίνει ότι τα κόστη για development setup και συντήρηση είναι αισθητά χαμηλότερα.

Ευκολία επεξεργασίας και ευελιξία σε μία πλατφόρμα

Η Google πραγματοποιεί συχνά updates και αλλαγές στον αλγόριθμο της, προσθέτοντας και αφαιρώντας στοιχεία που καθορίζουν την κατάταξη των ιστοσελίδων στα αποτελέσματα αναζήτησης. Η πλατφόρμα (το CMS κοινώς) που θα χρησιμοποιούμε, πρέπει να έχει την ανάλογη ευελιξία ώστε να πραγματοποιούμε γρήγορες αλλαγές στο web site μας.

Τομείς στο design που πρέπει να εξεταστούν

Αρχιτεκτονική και internal linking

Η αποτελεσματική αρχιτεκτονική, ή αλλιώς το πώς δομείται η πληροφορία στο web site μας, είναι ζωτικής σημασίας, ειδικά αν θέλουμε οι μηχανές αναζήτησης να μπορούν να βρίσκουν το περιεχόμενο μας και να το σερβίρουν στους χρήστες. Εάν οι crawlers δεν έχουν πρόσβαση στο περιεχόμενο, δεν θα είναι σε θέση να το ταξινομήσουν. Από μια ανθρώπινη ματιά, η αρχιτεκτονική στο site είναι σημαντική, προκειμένου οι χρήστες να μπορούν να εντοπίσουν εύκολα αυτό που ψάχνουν.

Όπου είναι εφικτό, θα πρέπει να στοχεύουμε στη δημιουργία μιας flat δομής ιστότοπου, όπου ο χρήστης δεν θα χρειάζεται περισσότερα από 4 clicks, αρχής γενομένης από την homepage, για να βρει αυτό που θέλει. Αυτό επιτρέπει στις μηχανές αναζήτησης και στους χρήστες να βρίσκουν περιεχόμενο με όσο το δυνατόν λιγότερα clicks.

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

Content-first design

Κάνουμε μια ανάλυση για τους τύπους περιεχομένου που θα φιλοξενήσουμε στο web site μας. Θα έχουμε videos; Δεκάδες manuals σε pdf’s; Εικόνες; Είναι πολύ σημαντικό να υπάρχει μια στρατηγική πίσω από το περιεχόμενο που θα φιλοξενηθεί, καθώς αυτό θα καθορίσει τι είδους λειτουργικότητα και πόροι θα απαιτηθούν. Με τον τρόπο αυτό θα έχουμε πιο ξεκάθαρη δομή στις σελίδες που θα φιλοξενήσουν αυτού του τύπου περιεχόμενο. Το περιεχόμενο είναι αυτό που καθοδηγεί τη δομή και το design της εκάστοτε σελίδας και όχι το αντίθετο.

Machine readability (flash, JS, iFrame) και structured data

Το web site μας ενδέχεται να χρησιμοποιεί μία ποικιλία τεχνολογιών, όπως JavaScript, Flash και Ajax, που μπορεί να είναι δύσκολο να γίνουν κατανοητές από τους crawlers. Παρόλο που ίσως είναι απαραίτητες για την καλύτερη εμπειρία των χρηστών, πρέπει να γνωρίζουμε τα προβλήματα που μπορούν να προκαλέσουν αυτές οι τεχνολογίες.

Responsive design

Οι mobile συσκευές τείνουν να γίνουν το  νούμερο 1 μέσο με το οποίο οι χρήστες σερφάρουν, επικοινωνούν, ενημερώνονται και αγοράζουν online. Αυτός είναι και ο λόγος που ο μακροπρόθεσμος στόχος είναι η δημιουργία μιας ιστοσελίδας που όχι μόνο θα μπορεί να απεικονισθεί σε mobile συσκευές, αλλά ολόκληρο το user experience θα είναι optimized στις ανάγκες των χρηστών.

Πλέον θεωρείται αυτονόητο το responsive design και mobile-friendly sites, για όλες οι ιστοσελίδες και θα πρέπει να απεικονίζονται σωστά σε εκατοντάδες mobile συσκευές. Οι developers σχεδιάσουν μια mobile-friendly για κάθε ιστοσελίδα ιστοσελίδα. Το πιο δύσκολο κομμάτι, είναι να παρέχουν στον χρήστη την καλύτερη online εμπειρία που μπορεί να έχει, όταν για παράδειγμα θελήσει να κάνει μια αγορά σε ένα e-shop μέσω του κινητού του. Τα στάδια του checkout, το μέγεθος των buttons, η γραμματοσειρά και τα χρώματα, είναι ελάχιστα από τα δεκάδες στοιχεία στα οποία θα πρέπει να εστιάσουν, προκειμένου να προσφέρουν στον χρήστη την ίδια ευκολία για να αγοράσει online, σαν να αγόραζε από το desktop του.

Πολλά projects απέτυχαν διότι δεν είχε γίνει η σωστή πρόβλεψη όλων των παραπάνω. Η πρώτη εντύπωση που δόθηκε στους χρήστες δεν ήταν καλή, με αποτέλεσμα να το web site μας να μην πετυχαίνει τους στόχους μας. Αντί να ψάχνουμε τι πήγε λάθος “κατόπιν εορτής” κάνε τις ενέργειες εκείνες από πριν. Σχεδίασε με ανάλυση και στρατηγική  το νέο σου web site σου και κέρδισε χρόνο και χρήμα.


  • 0
SSL_pistopoihtiko

SSL Πιστοποιητικό

SSL Πιστοποιητικό

Με την αλλαγή που έκανε η Google στον Chrome (version 68) τα πιστοποιητικά SSL έχουν γίνει απαραίτητα σε όλους τους ιδιοκτήτες και τους webmaster των στατικών ή δυναμικών ιστοσελίδων του διαδικτύου.

Ερευνώντας την αγορά τα πιστοποιητικά SSL μπορούμε να προμηθευτούμε από γνωστές εταιρείες που ειδικεύονται στο συγκεκριμένο πεδίο όπως Comodo, GeoTrust, Let’s Encrypt SSL κλπ. Άλλα τα αγοράζουμε και άλλα προσφέρονται δωρεάν.

Γιατί όμως να αγοράσω SSL όταν μπορώ να έχω δωρεάν;

Ποιο πιστοποιητικό SSL μας καλύπτει όλες τις ανάγκες μας;

Π.χ. ή Let’s Encrypt εκδίδει μόνο Domain Validation (DV) SSL πιστοποιητικά. Δεν προσφέρουν Organization Validation (ΟV) ή Extended Validation (EV), ¨πρωτίστως γιατί δεν μπορούμε να αυτοματοποιήσουμε την έκδοση τους¨, αναφέρει η ίδια η Let’s Encrypt στην σελίδα της.

Τα DV SSL είναι ιδανικά για όσους αναζητούν βασική προστασία για το προσωπικό τους domain/ site ή forum, που χρειάζεται βασική κρυπτογράφηση για τα login ή τις φόρμες του. Δεν μπορούν όμως να καλύψουν τις απαιτήσεις που έχουν μεγαλύτερα sites ή e-Shops.Την κάλυψη αυτή την προσφέρουν τα OV και EV SSL.

Τα OV πιστοποιούν domain και στοιχεία μιας επιχείρησης. Προτείνονται για εταιρικά site που έχουν ελάχιστη έως καθόλου διαχείριση ευαίσθητων προσωπικών δεδομένων των επισκεπτών.

Τα EV είναι τα υψηλότερων προδιαγραφών SSL και είναι ιδανικά για μεγάλες επιχειρήσεις με online και e-commerce υπηρεσίες, που επιθυμούν να προβάλλουν ότι έχουν περάσει από τον αυστηρότερο έλεγχο αξιολόγησης, ώστε να κερδίσουν άμεσα την εμπιστοσύνη του πελάτη. Με ένα EV διατηρούν την ανταγωνιστικότητά τους και γνωστοποιούν ότι έχουν διαμορφώσει μια ασφαλή σελίδα, όπου τα προσωπικά στοιχεία και οι συναλλαγές του χρήστη – πελάτη προστατεύονται.

Πολλά από τα δωρεάν πιστοποιητικά δεν πάνε πακέτο με προσωπική εξυπηρέτηση. Έστω ότι οι ανάγκες μας είναι μικρές και μας καλύπτει ένα DV SSL. Η Let’s Encrypt σε περίπτωση που κάτι δεν πάει καλά, θα πρέπει μόνη μας να λύσουμε το πρόβλημα. Η Let’s Encrypt μας προμηθεύει με χρήσιμα αρχεία, αλλά χρειάζεται να αφιερώσουμε πολύτιμο χρόνο να τα ψάξουμε για να πάρουμε απαντήσεις.

Επίσης, υπάρχουν και forums όπου μπορούμε να στέλνουμε τις απορίες ή την γνώμη μας. Σε καμία περίπτωση όμως δε μπορεί να μας εξυπηρετήσει κάποιος προσωπικά και άμεσα, όπως γίνεται με τις περιπτώσεις των SSL επί πληρωμή.

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

Κάθε επισκέπτης μπορεί πολύ εύκολα να δει από τον browser, τι τύπου SSL είναι ενεργό σε κάθε διεύθυνση. Όποιος χρησιμοποιεί Chrome, κάνοντας κλικ στο λουκέτο που εμφανίζεται στη μπάρα διευθύνσεων, μπορεί να επιλέξει να δει όλες τις λεπτομέρειες του SSL που χρησιμοποιείται.

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

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

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

Τα επί πληρωμή SSL, έχουν διάρκεια ζωής ανάλογα με την επιλογή μας κατά την αγορά τους. Θα χρειαστεί να τα ανανεώσουμε 1 ή 2 χρόνια μετά από την αγορά τους! Τα δωρεάν πιστοποιητικό SSL έχουν μικρότερο βαθμό συμβατότητας συγκριτικά με τα επί πληρωμή.

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

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

Λαμβάνουμε σοβαρά υπόψη μας ότι στο κομμάτι της κρυπτογράφησης των δεδομένων που μεταφέρονται, κάνουν την ίδια δουλειά τόσο το δωρεάν πιστοποιητικό SSL όσο και τα επί πληρωμή SSL!

Επίσης, είτε δωρεάν είτε επί πληρωμή, κάθε SSL από αξιόπιστη εταιρεία που τα εκδίδει, εξασφαλίζει το https σε κάθε browser!

Ότι και να αποφασίσουμε, ότι και να επιλέξουμε, δωρεάν ή επί πληρωμή πρέπει να έχουμε πάντα την πιστοποίηση SSL στο site μα


sxediasmos_tis_etairikis_istoselidas_sas

Σχεδιασμός της εταιρικής ιστοσελίδας σας

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

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

Άρτια κατασκευασμένη ιστοσελίδα από τεχνικής άποψης, να φορτώνει γρήγορα, να λειτουργεί συνέχεια, να δίνει τη δυνατότητα εύκολης κοινοποίησης του περιεχομένου της στα social media και να είναι προσβάσιμη από όλες τις συσκευές.

Τι προσφέρει μια εταιρική ιστοσελίδα;

  • Παρουσίαση της εταιρείας, των προϊόντων και των υπηρεσιών σας
  • Συλλογή στοιχείων υποψήφιων πελατών για το τμήμα πωλήσεων σας
  • Ολοκληρωμένη παροχή online υπηρεσιών
  • Online πώληση προϊόντων με την ενσωμάτωση ενός ηλεκτρονικού καταστήματος

WordPress

WordPress

WordPress . Το 80% των sites στην πρώτη σελίδα στη μηχανή αναζήτησης της Google είναι σε μορφή WordPress

Τα sites σε WordPress καλύπτουν όλο το φάσμα θεμάτων και αναγκών που χρειάζεται κάποιος σήμερα. Μπορεί να γίνουν e-eshop, blogs, εταιρικά sites, online κατάλογοι, forums, μηχανές Newsletter και πολλά άλλα.

To WordPress είναι το νούμερο ένα σε traffic, σε SEO και στην Google γιατί:

  • Έχει τους καλύτερους και πιο κορυφαίους προγραμματιστές παγκοσμίως οι οποίοι κατασκευάζουν στο WordPress τα Plugins. Ένα site φτιαγμένο σε WordPress μπορεί να έχει όσα  Plugins χρειάζονται σε ποιότητα και σε ποσότητα. Την τεχνογνωσία αυτή την προσφέρουν πάρα πολλοί προγραμματιστές, σχεδιαστές και ειδικοί στο SEO παγκοσμίως. Φτιάχνοντας ένα site σε WordPress, αποκτάτε πρόσβαση σε αυτήν την τεχνογνωσία.
  • Είναι ταχύτερο και πιο εξελιγμένο στο SEO και με την μεγαλύτερη ορατότητα στις μηχανές αναζήτησης. Μόνο τα SEO tags που είναι μοναδικά στην αρχιτεκτονική του WordPress δημιουργούν αυτόματα σελίδες ορατές από όλες τις μηχανές αναζήτησης.
  • Έχει τα καλύτερα θέματα και γραφικά.
  • Έχει άπειρα πρόσθετα και άριστη συνεργασία με τα Social Media, το ΥouTube και το Facebook που είναι η νούμερο ένα πηγή traffic αυτή τη στιγμή.
  • Είναι οικονομικότερο από άποψη κατασκευής, τόσο σε χρήμα αλλά και σε χρόνο.

Είμαστε εδώ για να σας εξυπηρετήσουμε, να κατασκευάσουμε σύμφωνα με τις ανάγκες σας το δικό σας site ή το εταιρικό eshop σας. Επικοινωνήστε μαζί μας, η ομάδα του JUNCTION είναι έτοιμη για εσάς.


WooCommerce

WooCommerce

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

Δημιουργήθηκε το 2011 και μέχρι σήμερα το χρησιμοποιούν πάνω από το 49% των ηλεκτρονικών καταστημάτων παγκοσμίως.

Το βασικότερο πλεονεκτήματα που έχει το WooCommerce ότι είναι λογισμικό ανοιχτού κώδικα. Χρησιμοποιώντας κανείς λογισμικό ανοιχτού κώδικα μπορεί να δημιουργήσει τις δικές του λειτουργίες και να κάνει διορθώσεις και αναβαθμίσεις  ανά πάσα στιγμή.

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

Οι πελάτες έχουν δυνατότητα να δημιουργούν το δικό τους προφίλ σαν χρήστες μέσα στο κατάστημα και να διατηρούν ένα ιστορικό παραγγελιών. Το WooCommerce δίνει επιλογές για τα μεταφορικά έξοδα και για τον ΦΠΑ. Όλες αυτές οι χρήσεις δίνουν την δυνατότητα στους χρήστες να περιηγούνται εύκολα στο eshop σας, με αποτέλεσμα και αυξάνουν την αλληλεπίδρασή τους με τις υπηρεσίες και τα προϊόντα που προφέρει η επιχείρησης σας κατάστημά σας.

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

Το WordPress είναι μια ασφαλής πλατφόρμα  παγκοσμίως. Κάθε κενό ασφαλείας που τυχόν θα προκύψει διορθώνεται άμεσα από μια μεγάλη κοινότητα που είναι υπεύθυνη για την σωστή λειτουργία του. Έτσι και το WooCommerce σε τακτά χρονικά διαστήματα πραγματοποιεί αναβαθμίσεις καλύπτοντας τυχόν κενά ασφαλείας και επεκτείνοντας με τα πρόσθετα που παρέχουν νέες δυνατότητες και λειτουργίες.

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

Η βελτιστοποίηση SEO ιστοσελίδας WooCommerce για τις μηχανές αναζήτησης αποτελεί ένα από τα μεγαλύτερα πλεονεκτήματα του WooCommerce σε σχέση με τις αντίστοιχες πλατφόρμες για eshop.

ΧΑΡΑΚΤΗΡΙΣΤΙΚA – ΔΥΝΑΤΟΤΗΤΕΣ

  • Δημιουργία/Εισαγωγή/Επεξεργασία Κατηγοριών/Προϊόντων
  • Δυνατότητα Επισύναψης Φωτογραφιών σε Κάθε Προϊόν
  • Πολλαπλά Φίλτρα Αναζήτησης Προϊόντων (πχ τιμή, όνομα, Υλικό, χρώμα κτλ)
  • Εκπτωτικά Κουπόνια & Κουπόνια Προσφορών
  • Μηχανισμός Αξιολόγησης Προϊόντων και Εισαγωγής Κριτικών από Πελάτες
  • Ιστορικό Παραγγελιών
  • Προσθήκη Συντελεστών ΦΠΑ & Υπολογισμός Εξόδων Αποστολής
  • Εύκολη & Γρήγορη Διαχείριση Παραγγελιών
  • Διασύνδεση με διαφορετικούς τρόπους πληρωμής όπως πιστωτική κάρτα, PayPal, αντικαταβολή, τραπεζική κατάθεση
  • Διασύνδεση ιστοσελίδας με επίσημες σελίδες στα social media
  • Δυνατότητα Up-Selling & Cross-Selling
  • Δυνατότητα προβολής των προϊόντων στην πρώτη σελίδα με διαφορετικούς τρόπους (πιο πρόσφατα, καλύτερα σε πωλήσεις ή προτεινόμενα)
  • On-Line επικοινωνία με Πελάτες (Live Chat/Support)
  • Διασύνδεση με Google Analytics
  • Δυνατότητα Επιλογής Εισόδου ως Χρήστης Λιανικής ή Χονδρικής
  • Φόρμας Επικοινωνίας
  • Δημιουργία sitemap για τις μηχανές αναζήτησης
  • Responsive design για συμβατότητα με όλες τις οθόνες των συσκευών

GDPR_poia_site_afora

GDPR Ποια site αφορά

GDPR Ποια site αφορά

Τα site που θα πρέπει να προετοιμαστούν για τον GDPR είναι όσα συλλέγουν, επεξεργάζονται και αποθηκεύουν δεδομένα των επισκεπτών/χρηστών τους. Ας δούμε στην συνέχεια μια σύντομη λίστα με λειτουργίες και πρακτικές ιστοσελίδων που υπόκεινται στον κανονισμό:

GDPR Ποια site αφορά. Είτε είσαι ιδιοκτήτης eshop, είτε διαχειρίζεσαι ένα ειδησεογραφικό portal που συλλέγει email για την αποστολή newsletter, αλλά ακόμη και εάν διαθέτεις ένα μικρό εταιρικό site που λαμβάνει μηνύματα μέσω της φόρμας επικοινωνίας, θα πρέπει να είσαι έτοιμος για τον Γενικό Κανονισμό Προστασίας Δεδομένων (ΓΚΠΔ) ή αλλιώς και GDPR.

  • Google Analytics
  • Το site σου έχει φόρμες εγγραφών
  • Λειτουργίες e-commerce που συλλέγουν πληροφορίες πληρωμών, παραγγελιών κτλ
  • Έχεις φόρμες εγγραφής στο newsletter
  • Το site σου έχει scripts που χρησιμοποιούν cookies
  • Χρησιμοποιείς στα άρθρα σου συστήματα σχολιασμού, όπως Disqus κτλ
  • Διαθέτεις φόρμα επικοινωνίας στο site σου

 Συμβουλές για την προετοιμασία του website σου για τον GDPR

1.Πολιτική Απορρήτου

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

2. Κρυπτογράφηση των δεδομένων με SSL

Εάν το site σου δεν κρυπτογραφεί τα δεδομένα μέσω κάποιου ssl ήδη, τότε θα πρέπει να το εντάξεις στις άμεσες προτεραιότητες σου. Όπως έχουμε αναφέρει σε προηγούμενο άρθρο το ssl πιστοποιητικό είναι το 1ο βήμα για τον GDPR και αυτό γιατί προσφέρει ιδιωτικότητα και ασφάλεια στις συναλλαγές και στην μεταφορά των δεδομένων των χρηστών.

3. Ηλεκτρονικές φόρμες

Αν το site σου έχει φόρμες (επικοινωνίας, υποστήριξης, πωλήσεων κ.α.) θα χρειαστεί να προσθέσεις κουτάκια (check boxes) συγκατάθεσης τα οποία δεν θα πρέπει να έχουν συμπληρωθεί προηγουμένως, αλλά να τα επιλέξει ο χρήστης, μιας και τα προ-συμπληρωμένα κουτάκια δεν θεωρούνται ελεύθερη συγκατάθεση. Οι χρήστες θα πρέπει να έχουν την δυνατότητα να δίνουν διαφορετική συγκατάθεση ανάλογα με τον τύπο της επεξεργασίας των δεδομένων που γίνεται κάθε φορά. Εάν για παράδειγμα παρέχεις τα δεδομένα των χρηστών σου σε τρίτους, θα πρέπει να προσθέσεις ακόμη ένα κουτί συγκατάθεσης όπου θα ζητάς την συγκατάθεση του χρήστη.

 4. Εύκολη απεγραφή ή ανάκληση άδειας

Οι χρήστες θα πρέπει έχουν την δυνατότητα απεγραφής ή ανάκλησης της συγκατάθεσης τους από διαδικασίες και ενέργειες που επεξεργάζονται τα δεδομένα τους.  Για παράδειγμα, θα πρέπει να δίνεις την δυνατότητα στους χρήστες σου να απεγραφούν από το newsletter με εύκολο τρόπο και οποιαδήποτε στιγμή το επιθυμούν.

5. Cookies

Σε περίπτωση που χρησιμοποιείς cookies, θα χρειαστεί να ενημερώνεις τους επισκέπτες σου κατά την είσοδο τους στο site και να αναφέρεις περισσότερες λεπτομέρειες σχετικά με αυτά στην πολιτική απορρήτου. Ακόμη, θα πρέπει να τους δίνεις τη δυνατότητα να απενεργοποιήσουν τα cookies μέσα από τις ρυθμίσεις του browser. *Εάν χρησιμοποιείς cookies τρίτων, όπως google analytics, ανέφερε και αυτό μέσα στην πολιτική απορρήτου του site σου.

6. Καταγραφή IP

Σε περίπτωση που καταγράφεις τις IP διευθύνσεις των χρηστών ή επισκεπτών του site σου, θα πρέπει να το αναφέρεις μέσα στην πολιτική απορρήτου διότι οι IP διευθύνσεις αποτελούν “προσωπικά δεδομένα” των ατόμων. *Εάν για παράδειγμα στο blog σου διαθέτεις σύστημα σχολιασμού που καταγράφει τις ip των χρηστών στην βάση δεδομένων, ενημέρωσε τους πριν αφήσουν κάποιο σχόλιο.

7. Διαφήμιση στα social media

Αν σκοπεύεις να χρησιμοποιήσεις τα email των εγγεγραμμένων μελών του site σου για να τρέξεις μια διαφημιστική καμπάνια στα social media, θα πρέπει πρώτα να τους έχεις ενημερώσει. Ακόμη, να τους παρέχεις την δυνατότητα να απεγραφούν από τις συγκεκριμένες ενέργειες μάρκετινγκ εάν το επιθυμούν.

8. ReMarketing

Το ReMarketing λειτουργεί με την χρήση cookies τα οποία  “σημαδεύουν” και παρακολουθούν τους χρήστες του εκάστοτε site. Η χρήση και ο τρόπος λειτουργίας αυτών τους θα πρέπει να αναγράφεται με σαφήνεια μέσα στην πολιτική απορρήτου του site σου.

9. Online Πληρωμές

Σε περίπτωση που χρησιμοποιείς πύλες πληρωμών όπως PayPal, Stripe, Sagepay κ.α. για τις χρηματοπιστωτικές συναλλαγές των πελατών και τα προσωπικά τους στοιχεία περνάνε πρώτα από το eshop σου, θα χρειαστεί να κρυπτογραφείς αυτές τις πληροφορίες μέσω ssl πιστοποιητικού. Ενώ, αν το eshop σου αποθηκεύει τα προσωπικά στοιχεία μετά την αποστολή των πληροφοριών στην πύλη πληρωμών, τότε θα χρειαστεί να τροποποιήσεις την πολιτική απορρήτου και τις διεργασίες του eshop ώστε να αφαιρέσεις τυχόν προσωπικά στοιχεία μετά από εύλογο χρονικό διάστημα, για παράδειγμα 90 ημέρες. Η νομοθεσία του GDPR δεν είναι ρητή για τον αριθμό των ημερών που αποθηκεύεις τα προσωπικά δεδομένα των πελατών. Είναι στην δική σου κρίση ως προς το τι μπορεί να υποστηριχθεί ως λογικό και απαραίτητο χρονικό διάστημα. Τέλος, να είσαι έτοιμος να παρέχεις και αν σου ζητηθεί να αφαιρέσεις όλες τις πληροφορίες που διατηρείς για κάθε πελάτη.

10. Διαρροή Πληροφοριών

Ο GDPR ορίζει ως καθήκον των επιχειρήσεων και οργανισμών, σε περίπτωση παραβίασης των δεδομένων, να ειδοποιήσουν εντός 72 ωρών την Αρχή Προστασίας Προσωπικών Δεδομένων της χώρας που εδρεύουν.

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

Για περισσότερες πληροφορίες επικοινωνήστε μαζί μας στο email info@junction.gr


web-site-digital-marketing-web-design

Web Site, Digital Marketing, Web Design

Web Site, Digital Marketing, Web Design

Οι ψηφιακές υπηρεσίες της «junction.gr» αποτελεί το καθημερινό εργαλείο προώθησης και ανάπτυξης της επιχείρησής σου. Οι ψηφιακές υπηρεσίες παρέχονται από αξιόπιστα και ασφαλή εργαλεία και συνεχώς εμπλουτίζονται με νέες δυνατότητες.

  • κατοχύρωση νέου ονόματος χώρου (domain name)  με κατάληξη «.gr» ή «.eu» ή  «.com» που θα αποτελεί την ηλεκτρονική διεύθυνση της επιχείρησής σου
  • πλήρη και αξιόπιστη φιλοξενία του website σου σε ασφαλείς υποδομές  (cloud, server) και παρακολουθεί σε 24ωρη βάση
  • άρτια Τεχνική Υποστήριξη από πιστοποιημένο και άρτια εκπαιδευμένο προσωπικό
  • καθημερινή δυνατότητα προώθησης της επιχείρησής σου και των προϊόντων της (εκτός από το ίδιο το website) μέσω Digital Campaign προς υφιστάμενους ή δυνητικούς σου πελάτες. Οργανώνουμε καμπάνιες για προσφορές, νέα προϊόντα κ.ά. για να αυξήσεις τις πωλήσεις σου, την επισκεψιμότητα του καταστήματος σου, την ικανοποίηση των πελατών σου κ.ά.
  • δημιουργούμε σχεδιάζοντας τα έντυπα προώθησης της επιχείρησής σου, αφίσες και επαγγελματικές κάρτες.
  • στατιστικά της ιστοσελίδας σου.

Η Junction.gr δίνει όλες τις δυνατότητες για να ανεβάσεις την επιχείρησή σου online και να την προωθήσεις εύκολα και γρήγορα με τα εργαλεία και το εξειδικευμένο προσωπικό που διαθέτει.

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


Κατασκευή ιστοσελίδας WordPress

Κατασκευή ιστοσελίδας WordPress

Κατασκευή ιστοσελίδας WordPress

Παρουσίαση του μενού του επεξεργαστή κειμένου gutenberg του wordpress που αποτελεί το νέο περιβάλλον κατασκευής ιστοσελίδας με την χρήση wordpress

ΓΝΩΡΙΖΟΝΤΑΣ ΤΟ ΜΕΝΟΥ ΤΟΥ ΕΠΕΞΕΡΓΑΣΤΗ ΚΕΙΜΕΝΟΥ GUTENBERG

Ας εμβαθύνουμε στον Επεξεργαστή Κειμένου Gutenberg ξεκινώντας με την παρουσίαση των επιλογών του μενού στο πάνω μέρος (top menu).

Κατασκευή ιστοσελίδας wordpress

ΟΙ 10 ΕΠΙΛΟΓΕΣ ΤΟΥ ΜΕΝΟΥ

1.  Προσθήκη μπλοκ

Η επιλογή για προσθήκη μπλοκ είναι το σημείο, στο οποίο θα βρείτε τη συλλογή από Μπλοκ και Ενσωματώσεις του Gutenberg, για προσθήκη στα Άρθρα και τις Σελίδες. Μπορείτε να χρησιμοποιήσετε την μπάρα αναζήτησης, είτε να περιηγηθείτε στις διαθέσιμες επιλογές της οθόνης.

Οι επιλογές για τα «Περισσότερο χρησιμοποιούμενα» μπλοκ περιλαμβάνουν:

Παράγραφος, Επικεφαλίδα, Παράθεμα, Εικόνα, Συλλογή, Ήχος, Λίστα, Εξώφυλλο.

2.  Αναίρεση

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

3.  Επανάληψη

Μπορείτε να επαναφέρετε την πιο πρόσφατη αλλαγή που αναιρέσατε.

4.  Δομή περιεχομένου

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

Μπορείτε επίσης να δείτε το περίγραμμα του Εγγράφου, το οποίο είναι εξαιρετικά χρήσιμο στην περίπτωση που θέλετε να δείτε πώς είναι δομημένο με κεφαλίδες το Άρθρο ή η Σελίδα στο WordPress.

Οι κεφαλίδες (h1, h2, h3, h4, h5, h6) είναι ιδανικός τρόπος για να κατανομήσετε το περιεχόμενό σας σε ενότητες, προσφέροντας στους αναγνώστες έναν φιλικότερο τρόπο περιήγησης στην πληροφορία. Οι κεφαλίδες είναι επίσης σημαντικές και για την βελτιστοποίηση της κατάταξης στις μηχανές αναζήτησης (SEO).  Επίσης, οι μηχανές αναζήτησης χρησιμοποιούν τις κεφαλίδες για καλύτερη ταξινόμηση του περιεχομένου σας, οπότε να τις χρησιμοποιείτε συνετά.

5.  Πλοήγηση μπλοκ

Η επιλογή της πλοήγησης μπλοκ, σας επιτρέπει την γρήγορη εναλλαγή μεταξύ των μπλοκ του Gutenberg στο Άρθρο ή τη Σελίδα σας στο WordPress.

6.  Αποθήκευση

Ο σύνδεσμος της Αποθήκευσης, είναι ο τρόπος με τον οποίο μπορείτε να αποθηκεύσετε την τρέχουσα έκδοση του προσχεδίου σας. Να σημειωθεί ότι ο Επεξεργαστής Κειμένου Gutenberg του WordPress θα αποθηκεύει συνεχώς και αυτομάτως την πρόοδο της εργασίας σας, οπότε ενδέχεται να μην χρησιμοποιείτε τόσο συχνά το κουμπί της Αποθήκευσης.

7.  Προεπισκόπηση

Το κουμπί Προεπισκόπησης σας παρέχει μια εικόνα του πως θα μοιάζει η Σελίδα ή το Άρθρο σας όταν θα δημοσιευθεί.

8.  Δημοσίευση

Πατώντας το κουμπί της Δημοσίευσης, σας δίνεται η δυνατότητα να δημοσιεύσετε το Άρθρο ή τη Σελίδα σας στο κοινό.

9.  Ρυθμίσεις

Το σύμβολο του γραναζιού των Ρυθμίσεων (απ)ενεργοποιεί το μενού των ρυθμίσεων, το οποίο εντοπίζουμε στην δεξιά πλευρά της οθόνης.

10.              Εμφάνιση περισσότερων εργαλείων και επιλογών

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

Σε αυτό το μενού μπορείτε να βρείτε επιπρόσθετες επιλογές σχετικά με τον Επεξεργαστή Κειμένου Gutenberg, συμπεριλαμβανομένων της Προβολής, του Διορθωτή και των Εργαλείων.

Η Προβολή περιλαμβάνει την Επάνω Γραμμή Εργαλείων, την Κατάσταση Επισήμανσης και Λειτουργία πλήρους οθόνης.

  • Η Επάνω Γραμμή Εργαλείων σας επιτρέπει την πρόσβαση σε όλα τα μπλοκ και τα εργαλεία εγγράφου, συγκεντρώνοντας τα σε ένα κοινό σημείο.
  • Η Κατάσταση Επισήμανσης σας επιτρέπει να συγκεντρωθείτε σε ένα μπλοκ την φορά.
  • Η Λειτουργία πλήρους οθόνης σας επιτρέπει να εργάζεστε χωρίς περισπασμούς, αφαιρώντας τα λιγότερο απαραίτητα μενού.

 Μπορείτε επίσης να εναλλάσσετε τον Επεξεργαστή WYSIWYG και τον Διορθωτή Κώδικα από την ενότητα του Διορθωτή.

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

Στην ενότητα των Εργαλείων, μπορείτε να διαχειριστείτε όλα τα επαναχρησιμοποιήσιμα Μπλοκ, να διαμορφώσετε τις Συντομεύσεις Πληκτρολογίου και να προβείτε στην Αντιγραφή όλου του περιεχομένου.

Κατασκευή ιστοσελίδας wordpress

ΡΥΘΜΙΣΕΙΣ ΕΓΓΡΑΦΟΥ

 Το WordPress 5.0 παρουσιάζει τις νέες Ρυθμίσεις Εγγράφου, οι οποίες προηγούμενα ήταν οργανωμένες στο σημείο όπου βρισκόταν το κουμπί της Δημοσίευσης στην οθόνη επεξεργασίας της Σελίδας ή του Άρθρου. Παρακάτω θα δείτε 9 διαφορετικές επιλογές μορφοποίησης του «Εγγράφου» σας, ή του περιεχομένου της Σελίδας ή του Άρθρου στο WordPress.

ΟΙ 9 ΡΥΘΜΙΣΕΙΣ ΕΓΓΡΑΦΟΥ

1.  Έγγραφο

Αυτή η καρτέλα αλλάζει το μενού στη δεξιά πλευρά της οθόνης, ώστε να εμφανίζει τις Ρυθμίσεις Εγγράφου.

2.  Πλαίσιο

Αλλάζει την καρτέλα στη δεξιά πλευρά της οθόνης, ώστε να εμφανίζει τις ρυθμίσεις Πλαισίου.

3.  Κατάσταση & ορατότητα

Η ενότητα Κατάσταση & ορατότητα παρέχει μια σφαιρική εικόνα της τρέχουσας κατάστασης της Σελίδας ή του Άρθρου.

Ορατότητα : Η επιλογή Ορατότητα άρθρου σας επιτρέπει να επιλέξετε ποιος μπορεί να δει ένα άρθρο ή μία σελίδα στο WordPress άπαξ και δημοσιευθεί. Μπορείτε να επιλέξετε ανάμεσα στα Δημόσιο, Απόρρητο και Έχει συνθηματικό.

Δημοσίευση : Μπορείτε να χρησιμοποιήσετε την επιλογή Δημοσίευση για να προγραμματίσετε την αυτοματοποιημένη δημοσίευση του άρθρου σας. Για να προγραμματίσετε ένα άρθρο, επιλέξτε την ημερομηνία και την ακριβή ώρα που επιθυμείτε να δημοσιευθεί το νέο άρθρο ή σελίδα σας.

Μορφή άρθρου : Ο σύνδεσμος Μορφή άρθρου σας επιτρέπει να επιλέξετε τη μορφοποίηση του άρθρου σας, συμπεριλαμβανομένων των Συλλογή, Σύνδεσμος, Εικόνα, Παράθεμα, Κανονικό, Βίντεο, Ήχος.

Μόνιμα στην Πρώτη Σελίδα : Επιλέξτε αυτό το κουτί, για να δημιουργηθεί ένας σύνδεσμος στην Αρχική σελίδα, ο οποίος θα ανακατευθύνει στο άρθρο.

Για έλεγχο : Επιλέξτε Για έλεγχο και αποθηκεύστε το άρθρο σας, για να το θέσετε σε κατάσταση αναμονής.

4.  Κατηγορίες

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

5.  Ετικέτες

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

6.  Χαρακτηριστική εικόνα

Προσθέστε μία Χαρακτηριστική εικόνα στο άρθρο σας.

7.  Απόσπασμα

Δημιουργήστε προαιρετικά μία περίληψη ή σύντομη περιγραφή για το άρθρο σας με την επιλογή του WordPress Απόσπασμα.

8.  Συζήτηση

Απόσπασμα του περιεχομένου.

9.  Layout

Κατασκευή ιστοσελίδας wordpress

ΕΠΙΛΟΓΕΣ BLOCK (ΠΛΑΙΣΙΟΥ) ΤΟΥ GUTENBERG

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

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

Μπορείτε να ελέγξετε το αν θα μπορούν να σχολιάζουν στο άρθρο ή την σελίδα σας στο WordPress οι εκάστοτε χρήστες. Μπορείτε επίσης να επιλέξετε εάν θα επιτρέπονται τα Pingbacks & Trackbacks.

Τα Pingbacks & Trackbacks είναι μέθοδοι που χρησιμοποιούνται για να ειδοποιούνται τα Blogs ότι έχετε διασυνδεθεί μαζί τους, όυτως ώστε να παρέχουν ένα τύπο «απομακρυσμένου» συστήματος σχολιασμού.

Ένα Pingback είναι τύπος σχολίου που δημιουργείται όταν διασυνδέεστε με ένα άλλο άρθρο σε Blog, όπου τα pingbacks είναι ενεργοποιημένα.

Τα Trackbacks είναι ένας τρόπος να ειδοποιήσετε παλαιότερου συστήματος Blogs ότι έχετε διασυνδεθεί μαζί τους. Τα Trackbacks πρέπει να δημιουργηθούν χειροκίνητα, και να στείλετε ένα απόσπασμα του περιεχομένου.

9.  Layout

Κατασκευή ιστοσελίδας wordpress

ΕΠΙΛΟΓΕΣ BLOCK (ΠΛΑΙΣΙΟΥ) ΤΟΥ GUTENBERG

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

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

Προχωρημένες επιλογές Μπλοκ (Πλαισίου) στον Gutenberg

Οι προχωρημένες επιλογές σας επιτρέπουν να προσθέσετε ένα επιπλέον CSS class στο επιλεγμένο μπλοκ.

Αλλαγή τύπου Μπλοκ

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

Επεξεργασία του τρέχοντος Μπλοκ

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

Παίρνουμε μια πρώτη εικόνα μέχρι στιγμής από τις αυξημένες δυνατότητες που παρέχει στον σχεδιασμό ιστοσελίδων το wordpress μέσω της υιοθέτησης του GutenBerg. Σίγουρα όμως οι δυνατότητες που παρέχει σε ένα web designer δεν σταματούν εκεί.

ΠΕΡΙΣΣΟΤΕΡΕΣ ΕΠΙΛΟΓΕΣ ΤΟΥ GUTENBERG

Κάθε Μπλοκ του Gutenberg περιέχει επιπρόσθετες επιλογές, τις οποίες μπορείτε να ανακαλύψετε κλικάροντας το εικονίδιο στην πάνω δεξιά πλευρά του μενού του Μπλοκ.

Αυτές οι επιπλέον επιλογές περιλαμβάνουν:

1.  Εμφάνιση Ρυθμίσεων Μπλοκ

Αυτή η επιλογή σας επιτρέπει να εναλλάσσετε μεταξύ της εμφάνισης και της απόκρυψης τις Ρυθμίσεις Μπλοκ που εντοπίζουμε στο δεξί sidebar. Είναι εξαιρετικά χρήσιμη επιλογή εάν θέλετε να βάλετε μία τάξη στην οθόνη επεξεργασίας.

2.  Δημιουργία αντιγράφου

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

3.  Εισαγωγή πριν

Με αυτόν τον τρόπο μπορείτε να εισάγετε ένα νέο μπλοκ πάνω από το τρέχον επιλεγμένο μπλοκ.

4.  Εισαγωγή μετά

Με αυτόν τον τρόπο μπορείτε να εισάγετε ένα νέο μπλοκ κάτω από το τρέχον επιλεγμένο μπλοκ.

5.  Επεξεργασία ως HTML / Τροποποιήστε οπτικά

Αυτή η επιλογή σας επιτρέπει να εναλλάσσετε τις όψεις επεξεργασίας, είτε επιλέγοντας το HTML είτε την Οπτική επεξεργασία. Το να επιλέξετε Επεξεργασία ως HTML μπορεί να σας φανεί ιδιαίτερα χρήσιμο, εάν επιθυμείτε να δείτε ή να τροποποιήσετε το προϊόν του HTML κώδικα, όπως τα div classes ή τα inline styles που έχουν εφαρμοστεί στο μπλοκ. Η επαναφορά της επιλογής Τροποποιήστε οπτικά θα σας οδηγήσει στην προεπιλεγμένη οθόνη επεξεργασίας.

6.  Προσθέστε στα Επαναχρησιμοποιήσιμα Μπλοκ

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

7.  Αφαιρέστε μπλοκ

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

ΣΥΝΤΟΜΕΥΣΕΙΣ ΠΛΗΚΤΡΟΛΟΓΙΟΥ ΓΙΑ ΤΟΝ GUTENBERG

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

Συντόμευση

MAC

WINDOWS/LINUX

Εμφάνιση Συντόμευσης

Cmd+Option+H

Shift+Alt+H

Εμφάνιση/ Απόκρυψη Ρυθμίσεων Sidebar

Shift+Cmd+,

Shift+Cmd+,

Άνοιγμα του Μενού Πλοήγησης στο Μπλοκ

Ctrl+Option+O

Shift+Alt+O

Πλοήγηση στην επόμενη Ενότητα  του Επεξεργαστή

Ctrl+` ή Shift+Options+N

Ctrl+` ή  Shift+Alt+N

Πλοήγηση στην προηγούμενη Ενότητα  του Επεξεργαστή

Ctrl+Shift+` ή Shift+Option+P

Ctrl+Shift+` ή Shift+Option+P

Πλοήγηση στην πλησιέστερη μπάρα Εργαλείων

Option+F10

Alt+F10

Εναλλαγή μεταξύ του Οπτικού Επεξεργαστή και του Επεξεργαστή Κώδικα

Cmd+Shift+Option+M

Ctrl+Shift+Alt+M

Φυσικά και ο τομέας της κατασκευής eshop δεν μπορούσε να μείνει ανεπηρέαστος από την έλευση του GutenBerg και την νέα έκδοση του WordPress. Η Ecwid και η E-Commerce  λύση της για παράδειγμα λειτουργεί άψογα με τον Gutenberg και σας επιτρέπει να δημιουργήσετε ένα ηλεκτρονικό κατάστημα χωρίς να έχετε την ανάγκη να γνωρίζετε κώδικα προκειμένου να το στήσετε.


WordPress εγχειρίδιο χρήσης

WordPress εγχειρίδιο χρήσης

WordPress εγχειρίδιο χρήσης

ΕΙΣΑΓΩΓΗ ΣΤΑ BLOCKS

Ο Επεξεργαστής Κειμένου Gutenberg είναι βασισμένος στην χρήση των Blocks. Τα Blocks του Gutenberg σας επιτρέπουν να προσθέσετε ποικιλία τύπων περιεχομένου στα Άρθρα και τις Σελίδες σας. Μπορείτε να εισάγετε κείμενο, κεφαλίδες, εικόνες, λίστες και πολλά άλλα. Οτιδήποτε σκεφτεί κανείς, απλό κείμενο παραγράφου, εικόνες, video, κουμπιά και μικροεφαρμογές, τα Blocks του Gutenberg μπορούν να το προσθέσουν στο περιεχόμενό σας.

ΠΟΙΑ BLOCKS ΠΕΡΙΛΑΜΒΑΝΟΝΤΑΙ;

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

Απλά Blocks

Τα Απλά Blocks βρίσκονται στην κορυφή της λίστας του Επεξεργαστή Κειμένου Gutenberg. Εάν χρησιμοποιούσες ήδη το WordPress, αυτά τα Blocks θα σας είναι οικεία:

  • Παράγραφος: Προσθέτει βασικό κείμενο παραγράφου
  • Λίστα: Προσθέτει μια αριθμημένη ή με κουκκίδες λίστα
  • Εικόνα: Εισάγει μια εικόνα, ώστε να δημιουργηθεί μία οπτική δήλωση
  • Επικεφαλίδα: Προσθέτει τίτλους (h2,h3,h4,h5,h6) για να παρουσιάσει νέες ενότητες και οργανώνει το περιεχόμενο, ούτως ώστε να βοηθήσει τους επισκέπτες (και τις Μηχανές Αναζήτησης) να κατανοήσουν τη δομή του.
  • Παράθεμα: Δίνει οπτική έμφαση σε κείμενα παραθεμάτων.
  • Εξώφυλλο: Προσθέτει μια εικόνα ή νέα video με μία λεζάντα κειμένου – ιδανικό για κεφαλίδες.
  • Συλλογή: Παραθέτει πολλαπλές εικόνες σε μορφή συλλογής.
  • Ήχος: Ενσωματώνει ένα απλό Audio Player.
  • Αρχείο: Προσθέτει έναν σύνδεσμο για λήψη αρχείου.
  • Video: Ενσωματώνει είτε ένα video από τη Βιβλιοθήκη Πολυμέσων, είτε ένα νέο video.

Blocks Μορφοποίησης

Τα Blocks Μορφοποίησης παρέχουν στοιχεία σχετικά με την μορφοποίηση του άρθρου ή της σελίδας:

  • Κλασικό: Χρησιμοποιήστε τον κλασσικό επεξεργαστή κειμένου του WordPress.
  • Εξώστηλο: Δώστε ειδική οπτική έμφαση σε ένα παράθεμα από το κείμενό σας.
  • Πίνακας: Εισάγετε έναν πίνακα. Ιδανικό για διαμοιρασμό γραφημάτων και δεδομένων.
  • Στίχος: Εισάγετε ποίηση! Χρησιμοποιείστε ειδικές μορφοποιήσεις διακένων. Ή παραθέστε στίχους τραγουδιών.
  • Κώδικας: Εμφανίστε αποσπάσματα από κώδικα, διατηρώντας την δομή και τα κενά που έχετε ορίσει.
  • Προσαρμοσμένη HTML: Προσθέστε δικό σας κώδικα HTML και παρακολουθήστε το αποτέλεσμα ενώ τον επεξεργάζεστε.
  • Προμορφοποίηση: Προσθέστε κείμενο που διατηρεί τα κενά και διαστήματα, αλλά ταυτόχρονα επιτρέπει αλλαγές στο στυλ κειμένου.

Blocks Διάταξης Στύλων

Τα Blocks διάταξης στύλων σας επιτρέπουν να έχετε περισσότερο έλεγχο στο περιεχόμενό σας.

  • Στήλες: Προσθέστε ένα Block που θα εμφανίζει περιεχόμενο σε πολλαπλές στήλες και στη συνέχεια προσθέστε ό,τι Block περιεχομένου επιθυμείτε.
  • Κουμπί: Παροτρύνετε τους επισκέπτες της σελίδας να κάνουν μια αλληλεπίδραση, με ένα προσαρμοσμένο κουμπί.
  • Πολυμέσα & Κείμενα: Για μια πιο πλούσια δομή, ορίστε πολυμέσα και λέξεις το ένα δίπλα στο άλλο.
  • Περισσότερα: Θέλετε να δείξετε μόνο ένα απόσπασμα από ένα Άρθρο στην αρχική σας σελίδα; Χρησιμοποιήστε αυτό το Block, για να ορίσετε σε ποιο σημείο επιθυμείτε τον διαχωρισμό.
  • Αλλαγή σελίδας: Διαχωρίστε το περιεχόμενό σας για μια πολυσέλιδη εμπειρία χρήστη.
  • Διαχωριστικό: «Σπάστε» τις ιδέες και τους τομείς της σελίδας χρησιμοποιώντας μια οριζόντια γραμμή διαχωρισμού.
  • Κενός Διαχωριστής: Προσθέστε κενό μεταξύ των Blocks και προσαρμόστε το ύψος του.

Ένα δυνατό σημείο του WordPress ήταν πάντα η ευκολία πρόσθεσης περιεχομένου είτε με την μορφή σελίδων είτε με την μορφή posts / δημοσιεύσεων. O Gutenberg editor έρχεται να δώσει περισσότερες επιλογές και δυνατότητες κατά τον σχεδιασμό των ιστοσελίδων σας

Blocks Μικροεφαρμογών

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

  • Shortcode: Εισάγετε επιπλέον προσαρμοσμένα στοιχεία με ένα Shortcode του WordPress.
  • Αρχείο: Προβάλετε ένα μηνιαίο αρχείο των Άρθρων σας.
  • Κατηγορίες: Προβάλετε μια λίστα με όλες τις κατηγορίες.
  • Τελευταία σχόλια: Προβάλετε μια λίστα με τα πιο πρόσφατα σχόλια.
  • Πρόσφατα άρθρα: Προβάλετε μια λίστα με τα πιο πρόσφατα Άρθρα.

Blocks Ενσωματώσεων

Τα Blocks Ενσωματώσεων σας επιτρέπουν να ενσωματώσετε video, εικόνες, Tweets, ήχο και λοιπό περιεχόμενο από εξωτερικές πηγές. Επιπρόσθετα του κανονικού Block Ενσωμάτωσης, ο Gutenberg περιλαμβάνει υποστήριξη ενσωμάτωσης για πολλές πλατφόρμες, εφαρμογές και ιστοσελίδες.

Πιο συγκεκριμένα περιλαμβάνει Twitter, YouTube, Facebook, Instagram, WordPress, SoundCloud, Spotify, Flickr, Vimeo, Animoto, Cloudup, CollegeHumor, Imgur, Issuu, Kickstarter, Meetup.com, Mixcloud, Photobucket, Polldaddy, Reddit, ReverbNation, Screencast, Scribd, Slideshare, SmugMug, Speaker Deck, TED, Tumblr, VideoPress, WordPress.tv .

Επιπλέον Blocks από Πρόσθετα

Αναλόγως των Προσθέτων που έχετε εγκατεστημένα στην ιστοσελίδα σας, μπορεί να παρατηρήσετε επιπρόσθετες επιλογές πρόσθετων στον Gutenberg.Παραδείγματος χάριν, εάν χρησιμοποιείτε το Πρόσθετο Yoast SEO, θα παρατηρήσετε την επιλογή για Yoast Structure Data, όπου εκτός των άλλων θα βρίσκονται τα Blocks How-to και FAQ. Μια πολύ σημαντική προσθήκη όσο αφορά τις seo ενέργειες σας για την προώθηση των ιστοσελίδων σας στις μηχανές αναζήτησης

Blocks για προγραμματιστές

Το WordPress δημιούργησε το Block API, ώστε να επιτρέπει σε προγραμματιστές να δημιουργούν τα δικά τους Blocks.