Άρθρα, Tips & Tricks

Websites – Ενδείξεις χαμηλής απόδοσης

Website Performance Monitoring
Αυτό που δεν συνειδητοποιούν οι περισσότεροι είναι ότι ο σχεδιασμός, κατασκευή και το deployment – production (σε απλά ελληνικά όταν το website / web app τρέχει ‘ζωντανά’ στον server) είναι ένα διαρκές έργο βελτιστοποίησης, παρακολούθησης, προώθησης και καταγραφής όλων των παραμέτρων λειτουργίας. Βασικό έργο όλων των επαγγελματιών που εμπλέκονται στην κατασκευή και deployment μίας ιστοσελίδας / web app είναι η βελτιστοποίηση κάθε στοιχείου, πχ ο front-end developer πρέπει να φροντίσει ώστε όλα τα στοιχεία που συναποτελούν μία ιστοσελίδα (εικόνες, stylesheets, scripts κλπ) να είναι συμπιεσμένα στο μικρότερο δυνατό μέγεθος ώστε η σελίδα να φορτώνει όσο πιο γρήγορα γίνεται, ο system admin να φροντίσει ο server να έχει τις βέλτιστες ρυθμίσεις ασφαλείας και απόδοσης σχετικά με την εφαρμογή που θα φιλοξενήσει και τα προβλεπόμενα φορτία και πολλά άλλα. Για τον ιδιοκτήτη / διαχειριστή όλη αυτή η δουλειά θα φανεί στην παρακολούθηση της επισκεψιμότητας και συνολικά της απόδοσης της ιστοσελίδας.
Περισσότερα…

Responsive Web Design: Μύθοι και Αλήθειες

debunking the myths of responsive web design
Το γνωστό portal τεχνολογίας Mashable επισήμως ανακοίνωσε το 2013 ως το έτος του responsive Web design (RWD). Και ενώ αυτή η τεχνολογία αναπτύσσεται γοργά στη βιομηχανία του web development, όλα δείχνουν πως οι ανάγκες θα την κάνουν την κυρίαρχη τάση και τα χρόνια που έρχονται. Για πολλούς λόγους που θα τους αναλύσουμε σε επόμενο post, οι ιστοσελίδες πρέπει να προσαρμοστούν σε ένα μέσο στο οποίο η πρόσβαση δεν είναι τυποποιημένη και γίνεται από συνεχώς αυξανόμενο αριθμό συσκευών. Από την οθόνη ενός mini smartphone μέχρι ένα TV monitor LED 55″ η επαφή με τη ιστοσελίδα σας πρέπει να δίνει την ίδια ομαλή και βελτιωμένη εμπειρία στον χρήστη, διαφορετικά τον χάνει! Το Responsive Web Design αντιμετωπίζει αυτά τα προβλήματα ακριβώς με τον τρόπο που υποδηλώνει το όνομά του.
Περισσότερα…

Τακτοποιώντας τη δομή του website μας

Organizing your website structure
Συνήθως μετά από ένα ικανό διάστημα λειτουργίας φτάνει εκείνη η στιγμή που το website σας έχει γίνει μία γιγάντια συλλογή σελίδων και η συνδετικότητα και η νοηματική συνάφεια μεταξύ τους έχει χαθεί προ πολλού. Και όσοι έχουμε ασχοληθεί με τη διαχείριση ενός ιστοχώρου γνωρίζουμε πόσο δύσκολο είναι να βάλουμε μία τάξη στο χάος.
Περισσότερα…

Βελτιώνοντας την απόδοση στο front-end

improving site speed at the front end

Η απόδοση ενός website είναι σε μεγάλο βαθμό συνδεδεμένη με την ταχύτητα φόρτωσης του. Από το 2010 η ταχύτητα φόρτωσης έχει συνδεθεί και με την κατάταξη στα αποτελέσματα αναζήτησης (SEO) σύμφωνα με αυτό το άρθρο του moz.com και πολύ σωστά καθώς η ταχύτητα στην ανταπόκριση έχει να κάνει με το user experience (UX) και οι μηχανές αναζήτησης στοχεύουν πάντα στο καλύτερο user experience. Η εμπειρία χρήστη είναι σε ευθέως ανάλογη σχέση με τους χρόνους απόκρισης ενός website και η γρήγορη φόρτωση είναι βασικό συσταστικό ασχέτως συσκευής, λειτουργικού συστήματος ή browser.

Περισσότερα…

Τι αξίζει ένα backlink;

link building - the value of a link
“Whenever you find yourself on the side of the majority, it is time to pause and reflect.” Mark Twain

Η σειρά των Penguin updates του Google Search Algorithm έγινε διαβόητη για την προσπάθεια περιορισμού του search spam, των sites δηλαδή που καταλάμβαναν υψηλές θέσεις στα αποτελέσματα αναζήτησης μέσα από την απόκτηση είτε παράνομων είτε πολυάριθμων backlinks, είτε αγοράζοντας είτε συμμετέχοντας σε χαμηλής ποιότητας link networks. Και επειδή πολλές φορές με τα ξερά καίγονται και τα χλωρά, κάποιοι site owners είδαν τα rankings που με τόσο κόπο έχτισαν με τα link building campaigns τους να χάνονται εν μία νυκτί.

Περισσότερα…

Full Screen Designs

full screen web design
«The best and most beautiful things in the world cannot be seen or even touched – they must be felt with the heart» Helen Keller

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

Περισσότερα…

Parallax Web Design

parallax scroll web design

Παράλλαξη ονομάζεται η μετατόπιση ή διαφορά στη φαινόμενη θέση ενός αντικειμένου, καθώς αυτό το βλέπουμε από δύο διαφορετικές οπτικές γωνίες, εξ ου και το «παράλλαξις» = «αλλαγή». Τα κοντινά αντικείμενα έχουν μεγαλύτερη παράλλαξη από τα μακρινά γι αυτό και η συγκεκριμένη τεχνική χρησιμοποιήθηκε εκτενώς στην αστρονομία για τον υπολογισμό των αποστάσεων πλανητών και αστεριών. Η Τεχνική της Παράλλαξης είναι πολύ παλιά και ξεκινά από τα πρώτα 2D video games για να δώσει την αίσθηση του βάθους. Σήμερα σε ότι έχει να κάνει με το web design η τεχνική της παράλλαξης έχει να κάνει κυρίως με το scrolling (οριζόντιο ή κάθετο) και το εφέ το page background να κινείται πιο αργά σε σχέση με το page foreground, με αποτέλεσμα να δίνεται η αίσθηση του τρισδιάστατου, του βάθους και της κίνησης.

Περισσότερα…

Λάθη στις Καμπάνιες PPC

pay per click ad campaigns

Με τις καμπάνιες pay per click (ppc), με την σημαντικότερη απ’ αυτές να είναι με το πρόγραμμα Google Adwords, το ζήτημα είναι συνήθως να ξεχωρίσουμε ποιες απ’ αυτές «τρέχουν» προσοδοφόρα και φέρνουν κέρδη και ποιες έχουν τόσο κακή απόδοση που χάνουμε χρήματα με κάθε κλικ που γίνεται. Ειδικά όταν χρησιμοποιούνται για promo νέων προϊόντων ή προσφορών οι διαφημίσεις ppc είναι η βιτρίνα, καθώς η μεγάλη πλειοψηφία των χρηστών θα τις δει από εκεί, και από εκεί συνήθως κρίνεται και η αποδοχή του προϊόντος και η επιτυχία ή μη.

Περισσότερα…

Βασικά Λάθη SEO

SEO Mistakes

Πολλές φορές οι webmasters παρασύρονται από το design ή τα rankings του site, παραμελώντας βασικές αρχές SEO που διασφαλίζουν την ακεραιότητα του site. Βασική αρχή είναι η ιστοσελίδα να αντέχει στο χρόνο, για να μη χάσει όλη της την κίνηση με το επόμενο Google Penguin update. Ποια είναι όμως τα βασικά λάθη που γίνονται συνήθως στο SEO;

Περισσότερα…

Είναι η Αρχική σου Σελίδα ένα μεγάλο Κλισέ;

how to avoid a cliche homepage

Με άπειρα άρθρα και resources που μας λένε πώς να φτιάξουμε μία καταπληκτική home page ή landing page στο τέλος αναρωτιέσαι ποιες πρακτικές είναι οι καλύτερες και πως μπορείς να ξεχωρίσεις από τους ανταγωνιστές. Το web design έχει εξελιχθεί δραματικά και έχει διανύσει πολύ δρόμο μέσα σε σύντομο χρονικό διάστημα. Μία δεκαετία πριν, ένα website που είχε εικόνες γραφικό design θεωρούνταν κορυφαίο.

Περισσότερα…