Τα καλύτερα links – Οκτώβριος 09

Web Design

  • Dive into HTML5 : Μια φανταστική πηγή εκμάθησης HTML5.
  • CSS παρουσιάσεις που πρέπει να δείτε : Απλά εξαιρετικές… Και τι δεν θα έδινα για να έβλεπα τις παρουσιάσεις  “Efficient, Maintainable CSS” και “CSS Inheritance“, όταν πρωτο-ξεκίναγα και εγώ (δυστυχώς έπρεπε να τα μάθω με τον δύσκολο τρόπο)…

Web Development

  • Underscore.js : Ακόμα μια ελαφριά utility javascript library.
  • Mu Connect : Μια library αποκλειστικά φτιαγμένη για την εύκολη ενσωμάτωση του Facebook Connect στο site σας.
  • FireQuery : Σε beta ακόμη, αλλά το περιμένω πως και πως…
  • CSScaffold : Ένα πρωτοποριακό CSS framework γραμμένο σε PHP. Μου άρεσε πιο πολύ από αντίστοιχες λύσεις σε περίεργες γλώσσες που παίζουν δύσκολα και παραείναι πολύπλοκα. Το CSScaffold γίνεται install πανεύκολα και μπορείτε να το χρησιμοποιήσετε αμέσως!

Search Engine Optimization (SEO)

Tools

  • 5 δυνατοί WYSIWYG web editors : Όλο και κάποιος θα σας βολέψει…
  • WMD : Και ακόμα ένας, πολύ πιο ελαφρύς (μόλις μία σειρά κώδικα)!
  • The Printliminator : Ένα bookmarklet που βοηθάει (θεωρητικά) στο να τυπώνεται μόνο τις πληροφορίες  που θέλετε, από σελίδες με πολλές διαφημίσεις και άλλες άσχετες πληροφορίες…
  • Conjoon : Για αυτούς που αναζητούν λίγη οργάνωση…

WordPress

  • Pods CMS : Ένα CMS framework για το WordPress. Αν και είμαι κατά της χρήσης τέτοιων plug in (τα χρησιμοποιώ μόνο σαν έσχατη λύση), οφείλω να ομολογήσω πως το συγκεκριμένο είναι πολύ ενδιαφέρον. Προσωπικά περιμένω το WordPress να αποκτήσει επιτέλους μια δικιά του τέτοια – εγγενής πάντα, όχι μέσω plug in – αρχιτεκτονική.
  • Maintenance Mode : Γιατί τώρα τελευταία δεν κάνουμε άλλη δουλειά…

Δωρεάν/Freebies

  • PicApp : Ανακαλύψτε και χρησιμοποιήστε στο blog σας φωτογραφίες υψηλής ποιότητας. Φοβερό!
  • VirtualBox :  Ένα δωρεάν και open source vistual machine, που υποστηρίζει όλα τα γνωστά λειτουργικά συστήματα.

Διάφορα links

Τα καλύτερα links – Ιούνιος 09

Έμπνευση

  • 1 γραμμή CSS grid framework : Το έβαλα πιο πολύ για έμπνευση και όχι σαν web design εργαλείο, μιας και δεν το θεωρώ framework. Παραδέχομαι ωστόσο τον τύπο που το έφτιαξε γιατί με λίγη φαντασία και με ακόμα λιγότερο κώδικα, έφτιαξε κάτι που μπορεί να κοντράρει κάποια πολύ πιο advanced CSS frameworks…

Web Design

  • Adobe BrowserLab : Μια επώνυμη και δωρεάν (προς το παρόν) υπηρεσία, για να ελέγχεται τα sites σας σε πολλούς συνδυασμούς browsers και OS.

Web Development

  • Ο φίλος, συνάδελφος και παλιός συμμαθητής μου John D.Wells, το έχει ρίξει τώρα τελευταία στο Expression Engine, με αποτέλεσμα να δημιουργήσει μία πολύ ενδιαφέρον λίστα από links για τους νέους αλλά και τους πιο έμπειρους ΕΕ developers. Εγώ πάντως της έριξα μια ματιά και ήδη αρχίζω να μπαίνω στην EE λογική…
  • Perch : Το πιο απλό και εύκολο στην χρήση CMS που έχετε δει!
  • Moousture : Η πρώτη mouse gesture Javascript library.
  • To prettyPrint είναι μια πολύ καλή λύση για Javascript debugging. Δείτε το videακι και θα καταλάβετε αμέσως τι κάνει…
  • Το JSLint, είναι για πολλούς Javascripts experts ο Javascript validator! Τον έχει φτιάξει ο guru του είδους, Douglas Crockford.

Browsers

  • Ο Opera Unite, ακούγεται σαν μια πολύ καλή ιδέα, ωστόσο έχω την αίσθηση πως έχει πολύ πολύπλοκα concepts για απλούς χρήστες. Οι πιο έμπειροι την βρίσκουν με Firefox, οπότε πάλι δεν τον βλέπω καλά τον πολύ δυνατό Opera Unite

Search Engine Optimization (SEO)

Accessibility/Usability

  • 10 φτηνές λύσεις/εργαλεία για usability tests. Η αλλιώς απ’ το ολότελα καλή και η Παναγιώταινα…
  • Ακόμα μια καλή κίνηση από την Adobe, η οποία έχει πάρει φόρα τώρα τελευταία. Στο καινούργιο της blog λοιπόν, με τίτλο Adobe Accessibility, ενημερώνει τους χρήστες των προγραμμάτων της για τα accessibility χαρακτηριστικά τους, καθώς και για το πως να τα χρησιμοποιούν με τον σωστό τρόπο. Μπράβο της, και μακάρι όλες οι εταιρείες να έκαναν κάτι ανάλογο…

Plug ins

  • jQuery TOOLS : Μια συλλογή από plug ins, για να δημιουργήται εύκολα και γρήγορα τα πιο κλασικά web 2.0 εφέ… Κάτι που κατά την γνώμη μου έπρεπε να υπάρχει στο jQuery UI.
  • jMonthCalendar : Ακόμα ένα calendar plug in για το jQuery, με πολλά features και δυνατότητες.

Blogs

  • Ότι θα θέλατε να μάθετε για την HTML5, αλλά φοβόσασταν να ρωτήσετε, βρίσκεται στο blog HTML5 Doctor… Το δημοσίευσε και η sugar στο CSS3 (από εκεί το είδα) αλλά δεν θα τους χαλάσει ένα ακόμα back link… Αξιοσημείωτο είναι πως το blog τους είναι φτιαγμένο με HTML5!

Τα καλύτερα links – Απρίλιος 09

Έμπνευση

Web Design

  • To Glimmer είναι ένα δωρεάν desktop application – μόνο για Windows προς το παρόν – το οποίο σας βοηθάει να γράφεται jQuery κώδικα! Τι άλλο θα δούμε…
  • Μόλις τελειώσατε το καινούργιο web design σας στον αγαπημένο σας browser, και ανακαλύπτετε πως δεν παίζει σωστά στον IE6. Βαριέστε (όπως όλοι μας) να λύσετε όλα τα σπαστικά IE6-only bugs; Μην ανησυχείτε, υπάρχει λύση. Απλά επισκεφθείτε το ie6fixer επιλέξτε ποια γνωστά bugs θέλετε να διορθωθούν, ανεβάστε το CSS αρχείο σας, και αυτό ήταν όλο. To ie6fixer θα δημιουργήσει αυτόματα τον IE6 κώδικα που χρειάζεστε (καλά μην περιμένετε και θαύματα, ωστόσο λύνει αρκετά προβλήματα εύκολα και γρήγορα).
  • jsDraw2D : Ακόμα μία Javascript library για γραφήματα…

Web Development

  • Το OpenCart είναι ένα όμορφο, δυνατό και open source shopping cart.

Search Engine Optimization (SEO)

Τυπογραφία (Typography)

  • Cufón ονομάζεται η νέα τεχνική αντικατάστασης web safe fonts με custom. Η διαφορά του με το γνωστό sFIR, είναι πως δεν χρησιμοποιεί το Flash για να κάνει render τα custom fonts, αλλά απλή Javascript σε συνδυασμό με το canvas element και VML (Vector Markup Language). Η διαδικασία installation είναι πραγματικά εύκολη (όχι όπως το sFIR), παίζει σε όλους τους browsers, και μάλιστα χωρίς έξτρα plug ins, ενώ είναι και αρκετά γρήγορο. Το μόνο που πρέπει να κάνετε είναι να κατεβάσετε το Cufón και να κάνετε generate τα custom fonts στον Cufón generator. Η συνέχεια είναι πανεύκολη, απλά αντικαθιστάτε τα fonts που θέλετε με τα custom fonts σας! Το έχω ήδη χρησιμοποιήσει και είναι πραγματικά πολύ εύκολο στην χρήση, ωστόσο με προβληματίζει λίγο το θέμα επιλογής του text στα Cufón generated fonts. Εάν διορθωθεί και αυτό μιλάμε για πραγματικό διαμάντι στο θέμα web typography…

WordPress

  • Στo WPSeek.com μπορείτε να βρείτε όλα τα WordPress template tags και  functions μαζί με πολλά άλλα resources και σημειώσεις. Μπορείτε επίσης να συνεισφέρετε και τις δικές σας.

Διάφορα links

  • Δεν αντέχετε άλλο τον Internet Explorer 6; Ε τότε βοηθείστε να τον σκοτώσουμε!
  • Το Sex Shop TV είναι ένα αρκετά πρωτότυπο και περίεργο για τα ελληνικά δεδομένα web project. Είναι μια ταινία που θα διανέμεται αποκλειστικά από το διαδίκτυο και που θα παίζεται σε συνέχειες. Για να δούμε τι θα δούμε…
  • Έχετε πρόβλημα εθισμού με κάποια sites; Ξοδεύεται πολύ χρόνο σε αυτά παρά την θέληση σας; Μην ανησυχείτε η web υπηρεσία KeepMeOut είναι εδώ για να λύσει το πρόβλημα εθισμού σας. Απλά δηλώστε το site και την ώρα που θέλετε να μείνετε έξω από αυτό, και το KeepMeOut αναλαμβάνει όλα τα υπόλοιπα…

Ανασκόπηση των καλύτερων post: Ένα πολύ χρήσιμο WordPress plug in

Όλοι γνωρίζεται πόσο σωστό και έξυπνο είναι να προωθείτε τα παλιότερα posts σας μέσα από το ίδιο το blog σας. Όχι μόνο είναι μια πολύ καλή SEO τεχνική, αφού με αυτόν τον πολύ εύκολο τρόπο βοηθάτε παλιότερο περιεχόμενο σας να δημιουργήσει κι άλλο traffic, αλλά υπενθυμίζεται και στο κοινό σας τι έχει γραφτεί τελευταία και ποια posts σας θεωρείτε σημαντικά (σε περίπτωση που κάτι τους έχει ξεφύγει).

Είχα σκοπό να ξεκινήσω κάτι τέτοιο από αυτόν τον μήνα, ωστόσο δεν θα χρειάζεται να κουνάω ούτε καν το δαχτυλάκι μου για το συγκεκριμένο post, μιας και το νέο αγαπημένο μου WordPress plug-in Best Posts Summary θα αναλάβει όλη αυτήν την διαδικασία! Το μόνο που έχετε να κάνετε, πέρα από το να το κατεβάσετε και να το ενεργοποιήσετε, είναι να συμπληρώσετε κάποιες βασικές ρυθμίσεις, όπως πόσο συχνά θα postαρει, τι τίτλο και περιεχόμενο θα έχει το post, πόσα link από παλιότερα posts θα δημοσιεύει κτλ., και στην συνέχεια το WordPress αναλαμβάνει να κάνει την δουλειά σας, ενώ εσείς είστε αφοσιωμένοι στα καινούργια posts σας! Τόσο απλά! Συστήνεται ανεπιφύλακτα…

Το μόνο που με χάλασε είναι κάποιο πρόβλημα που έχει με τα ελληνικά στο post template. Μήπως έχει κάποιος καμία ιδέα?

Θάψτε άφοβα… με attribute :-)

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

Όπως όλοι γνωρίζεται τα backlinks παίζουν μεγάλο ρόλο στο SEO κομμάτι ενός site, μιας και με κάθε backlink, ενισχύεται η φήμη του site, με την λογική πως όσα πιο πολλά τα backlinks, τόσο πιο έγκυρο, χρήσιμο, ποιοτικό, κτλ κτλ. είναι το site.

Για να επανέλθω στο θέμα μας τώρα, έστω πως θέλω να παρουσιάσω σε όλους σας ένα site, χωρίς να του δώσω backlink. Αυτό γίνεται πολύ εύκολα, προσθέτοντας στο link ένα relationship attribute, με την τιμή “nofollow”. Και για όσους μπερδεύτηκαν ας ρίξουν μια ματιά στον παρακάτω κώδικα.

<a rel="nofollow" href="http://www.some-site.com/">site που δεν εγκρίνω</a>

Με αυτόν τον απλό τρόπο δηλώνω στα Google (αλλά και Yahoo/MSN) bots να μην κατοχυρώσουν το εν λόγω link ως backlink. Έτσι το site που παρουσιάζω, αλλά δεν εγκρίνω, δεν επωφελείται καθόλου από το link μου. Έχετε την εν λόγω λειτουργία υπόψη σας, ποτέ δεν ξέρετε πότε θα σας χρειαστεί…

Best of the rest – 39η εβδομάδα 2008

Πολλά τα νέα αυτής της εβδομάδας, οπότε ξεκινάω αμέσως, χωρίς εισαγωγές!

  • Το σημαντικότερο νέο της εβδομάδας είναι η δημιουργία του World Wide Web Foundation, από τον ίδιο τον δημιουργό του web, σερ Tim Berners Lee! Οι λόγοι δημιουργίας του συγκεκριμένου οργανισμού είναι η περαιτέρω εξάπλωση του web σε ολόκληρο τον πλανήτη, σύμφωνα με την πρώτη ανακοίνωση του ιδρύματος. Πολλοί ειδικοί, ανάμεσα τους και ο δημιουργός του web, πιστεύουν πως το W3C έχει μείνει αρκετά πίσω στο θέμα προώθησης του web, και γι αυτόν ακριβώς τον λόγο αποφάσισαν να δημιουργίσουν ένα ιδρύμα το οποίο θα έχει αυτό ως σκοπό. Υπάρχει κάποια λογική στο θέμα (η Molly, γράφει και αυτή την πολύ ενδιαφέρουσα άποψη της στο τελευταίο A List Apart), ωστόσο εάν δεν ξεκαθαρίσουν κάπως τα θολά σχέδια του νέου ιδρύματος (κάπου μέσα στο 2009), δεν ξέρω εάν και κατά πόσο θα το υποστηρίξει η web κοινότητα (και εγώ ως ένα πολύ μικρό κομμάτι της)…
  • Το CSS3.gr είναι έτοιμο! Ρίξτε οπωσδήποτε μια ματιά στα άρθρα και το blog του. Σίγουρα θα βρείτε κάτι ενδιαφέρον να διαβάσετε!
  • Το Google Android είναι έτοιμο, όπως και το πρώτο κινητό που θα το χρησιμοποιήσει (ΤMobile G1)! Το Android δείχνει πραγματικά πολύ δυνατό και ανοιχτό, ενώ με εντυπωσίασε πολύ και ο ενσωματωμένος browser του! Το Read Write Web έγραψε ένα πολύ επεξηγηματικό άρθρο με πάρα πολλά video, τα οποία παρουσιάζουν τις πολλές δυνατότητες του καινούργιου λειτουργικού για κινητά τηλέφωνα. Προσωπικά το περιμένω πως και πως, μιας και απογοητεύτηκα αρκετά με το “ελληνικό” iPhone!
  • Η beta έκδοση του νέου Flash Player είναι έτοιμη και μπορείτε να την κατεβάσετε για διάφορα λειτουργικά συστήματα από τα Adobe Labs. Βλέποντας το νούμερο της έκδοσης (10), αισθάνθηκα και αρκετά γέρος, μιας και χρησιμοποιώ το συγκεκριμένο plug in από την δεύτερη έκδοση του (εάν θυμάμαι καλά)!!!
  • Πολύ δουλειά έχει πέσει στην Adobe η οποία εμφάνισε και την καινούργια Creative Suite της. Όλα τα γνωστά προγράμματα της Adobe αναβαθμίζονται στην έκδοση CS4, ενώ μπορείτε να διαλέξετε και την οικογένεια προγραμμάτων που καλύπτει τις ανάγκες σας και να γλιτώσετε αρκετά χρήματα. Προσωπικά έχω την αίσθηση πως οι αναβαθμίσεις σε Adobe προϊόντα πρέπει να γίνονται κάθε 2 με 3 εκδόσεις, αλλιώς έχω την αίσθηση πως πετάγονται πολλά λεφτά για το τίποτα… Μπορεί βέβαια να κάνω και λάθος…
  • Εμφανίστηκε και το πρώτο site (όχι επίσημο), με τίτλο Chrome Plugins, το οποίο προσπαθεί να κατασκευάσει τα πρώτα plug-ins για τον Chrome. Για να δούμε τι θα καταφέρουν…
  • To A List Apart δημοσίευσε τα νέα του άρθρα! Προσωπικά μου άρεσε περισσότερο το πιο τεχνολογικό “Test-Driven Progressive Enhancement“, ωστόσο και το “Web Standards 2008: Three Circles of Hell” σε προβληματίζει αρκετά για το που βαδίζουν τα web standards!
  • To Fire Vox είναι ένα plug in για τον Firefox, το οποίο μετατρέπει τον browser σε screen reader! Είναι ένα από τα εντυπωσιακότερα plug ins, το οποίο δίνει ένα επιπλέον κίνητρο και εργαλείο στους web designers και developers, έτσι ώστε να δημιουργήσουν ακόμα πιο accessible sites…
  • Κυκλοφόρησε ακόμα μία Javascript library, έτσι για να έχουμε ακόμα μεγαλύτερη ποικιλία, η Minordi. Όσοι δεν έχουν βρει ακόμα μια Javascript library που να τους καλύπτει (πράγμα πολύ δύσκολο), ας της ρίξουν μια ματιά…
  • Ο Webkit είναι η πρώτη μηχανή rendering που περνάει και επίσημα το Acid 3 test.
  • Και εκεί που όλοι λέγαμε πόσο σημαντικά είναι τα friendly URLs στο SEO, έρχεται η Google και ανακοινώνει από το επίσημο Google Web Master Central blog πως δεν χρειάζεται να ξαναγράφουμε με φιλικό τρόπο τα URLs μας!!! Τώρα γιατί το κάνει αυτό, ειδικά αυτήν την στιγμή όπου πλέον αρχίζουν να καταλαβαίνουν και οι λιγότερο ειδικοί την σημασία των friendly URLs, πραγματικά δεν έχω ιδέα… Περιμένω μόνο τις πρώτες αντιδράσεις από τους web masters και τους SEO experts…
  • Τέλος μου άρεσε ιδιαίτερα η ιδέα του site Yotify. Στο εν λόγω site λοιπόν, φτιάχνεις scouts (ανιχνευτές), οι οποίοι δρουν σαν bots και σε ενημερώνουν για πράγματα που ενδιαφέρεσαι αυτόματα, χωρίς να κουνάς ούτε το δαχτυλάκι σου!!! Πάρα πολύ έξυπνη και βολική ιδέα!

Best of the rest – 38η εβδομάδα 2008

Αρκετή κινητικότητα αυτήν την εβδομάδα, με ιδιαίτερη έμφαση στα νέα που έχουν να κάνουν με web accessibility 😉

  • Το Adobe AIR είναι έτοιμο και για Linux (beta version). Με αυτήν την κίνηση λοιπόν, η Adobe καταφέρνει να έχει μια πολύ ώριμη RIA πλατφόρμα σε όλα τα λειτουργικά συστήματα! Για να δούμε λοιπόν εάν το AIR θα καταφέρει να γίνει συνώνυμο των RIA εφαρμογών…
  • Για πρώτη φορά στην Ευρώπη, δημιουργούνται οι πρώτες accessibility guidelines. Μας έρχονται από το Ηνωμένο Βασίλειο, και πιο συγκεκριμένα από το Central Office of Information (COI), και έχουν ιδιαίτερο ενδιαφέρον, γιατί είναι οι πρώτες επίσημες accessibility οδηγίες κάποιου ευρωπαϊκού κράτους. Από μια πρώτη ματιά που έριξα, συμφωνώ απόλυτα με το post του Web Standards Project, το οποίο εξηγεί πως το σκεπτικό που έχουν γραφτεί οι οδηγίες είναι λάθος, και πως θα δημιουργηθούν αρκετά προβλήματα εάν τελικά χρησιμοποιηθούν. Μείνετε συντονισμένοι γιατί έχω σκοπό να γράψω και την δικιά μου άποψη πάνω στο θέμα.
  • Και μιας και ανοίξαμε το θέμα accessibility στο web, το Digital Web Magazine δημοσίευσε ένα εξαιρετικό άρθρο με θέμα την προσβασημότητα (accessibility) στο web, αλλά και στο πως θα πρέπει να σχεδιάζουμε τα site μας για ανθρώπους με διάφορα προβλήματα και αναπηρίες. Είναι από τα καλύτερα και πιο ολοκληρωμένα άρθρα που έχω διαβάσει, με πολλές λεπτομέρειες και παραδείγματα. Απλά διαβάστε το!
  • Με το Fangs plug in για τον Firefox, μπορείτε να “διαβάσετε” την σελίδα σας, όπως θα την διάβαζε ένας screen reader. Ας ρίχνουμε λοιπόν μια ματιά στα site που κατασκευάζουμε με αυτό το plug in, έτσι ώστε να κάνουμε την ζωή κάποιων χρηστών μας ακόμα πιο εύκολη, γιατί πραγματικά το αξίζουν.
  • Το Status είναι κάτι σαν το Twitter, με βασική διαφορά πως επιλέγετε ποιοι χρήστες και group θα βλέπουν αυτά που γράφεται. Πολύ καλή λύση για να ομάδες και groups που θέλουν να μοιράζονται πληροφορίες, χωρίς ωστόσο να τις βλέπει ο καθένας…
  • H καινούργια release candidate version του jQuery UI είναι έτοιμη! Για όσους θέλουν να ρίξουν μια ματιά, μπορούν να την κατεβάσουν εδώ και τώρα (version 1.6rc2).
  • To SEOmoz είναι ένα blog που απλά πρέπει να παρακολουθείτε εάν δηλώνεται επαγγελματίες του χώρου. Ασχολείται με SEO θέματα όπως καταλαβαίνετε και από τον τίτλο του, ενώ κάθε Παρασκευή δημοσιεύει ένα πολύ ενδιαφέρον videocast, το οποίο ονομάζει Friday Whiteboard. Το ανακάλυψα από το blog About.SEO του Γιώργου.

SEO και URLs : 7 λάθη που δεν πρέπει να γίνονται

Επειδή ο τίτλος μιλάει από μόνος του, θα κάνω μόνο μία μικρή εισαγωγή έτσι ώστε να περάσω όσο πιο γρήγορα γίνεται στο “κυρίως πιάτο”. Τα URLs παίζουν ρόλο, και μάλιστα σημαντικό, στο SEO ενός site. Όσο πιο απλά και δομημένα είναι τα URLs σας, τόσο πιο εύκολα τα θυμούνται τόσο οι χρήστες σας, όσο και οι μηχανές αναζήτησης. Άσχημα δομημένα και δύσχρηστα URLs είναι δύσκολο τόσο να βρεθούν/ανακαλυφθούν όσο και να μοιραστούν από τους χρήστες σε social media sites αλλά και σε παραδοσιακά μέσα όπως e-mail και IM. Τέλος μην ξεχνάτε και το νέο μέσο που κατακτά το web σιγά-σιγά, το κινητό τηλέφωνο, στο οποίο ο χρήστης δεν έχει την ευχέρεια ούτε να πληκτρολογεί ατέλειωτα URLs, ούτε φυσικά να κάνει copy-paste 3-4 γραμμές URL από ένα SMS στον browser του κινητού του (για αυτόν τον λόγο άλλωστε φτιάχτηκαν και τα TinyURL αλλά και το ελληνικό urlBorg). Παρακάτω λοιπόν παρουσιάζω 7 λάθη που πρέπει να αποφεύγουμε στα URL μας. Αποφεύγουμε λοιπόν :

  1. Ελληνικούς και ειδικούς χαρακτήρες : Εδώ θα διαφωνήσουν πολλοί αλλά μπορούμε να το συζητήσουμε παρακάτω. Προσωπικά πιστεύω πως οι ελληνικοί χαρακτήρες πρέπει να αποφεύγονται στο URL, μέχρι να ξεκαθαρίσουν τουλάχιστον κάποια πράγματα, και φυσικά μέχρι να σιγουρευτούμε πως όλοι οι browsers μπορούν να υποστηρίξουν τα ελληνικά. Επίσης χαρακτήρες όπως απόστροφοι κτλ. πρέπει να αποφεύγονται (με εξαίρεση το σύμβολο του μείον/παύλα -). Πολλά social media sites, όπως το StumbleUpon, δημιουργούν broken links εάν ανακαλύψουν ειδικούς χαρακτήρες στο URL, όπως για παράδειγμα την απόστροφο, η οποία στο URL παίρνει την μορφή %e2%80%93!!!
  2. Πολλαπλά URLs για την ίδια σελίδα : Ιδιαίτερα εάν πρόκειται για την πρώτη (index) σελίδα μας, κάνει κακό, πέρα από το SEO κομμάτι, και στα στατιστικά μας, μιας και πρέπει να μετράμε/μελετάμε τα στατιστικά πολλών σελίδων αντί μίας! Φτιάξτε λοιπόν είτε με κατάλληλες ρυθμίσεις στον server σας είτε με άλλο εργαλειάκι/ρύθμιση στο site σας το φαινόμενο των πολλαπλών URL που καταλήγουν στην ίδια σελίδα (για παράδειγμα http://www.tsevdos.com, http://tsevdos.com, http://www.tsevdos.com/, http://tsevdos.com/, http://www.tsevdos.com/index.php, http://tsevdos.com/index.php κτλ.).
  3. Χρήση αριθμών αντί για κείμενο : Ποιο είναι πιο περιγραφικό URL, το “http://www.tsevdos.com/accessibility-test-in-ten-minutes/” ή το “http://www.tsevdos.com/?post=111”. Νομίζω πως η απάντηση είναι ξεκάθαρη…
  4. Πολλές ή ακόμα και άσκοπες παραμέτρους στα URLs μας : Όπως για παράδειγμα “http://www.tsevdos.com/accessibility/post/2008/07/01/accessibility-test-in-ten-minutes/”. Κρατήστε το απλό (http://www.tsevdos.com/accessibility-test-in-ten-minutes/).
  5. Ημερολογιακά URLs (εκτός και εάν πραγματικά τα χρειαζόμαστε) : Προσωπικά το χρησιμοποιώ γιατί αλλιώς θα δημιουργήσω πολλά broken links στο blog μου (external μάλιστα), αλλά εάν γύριζα πίσω στο χρόνο θα επέλεγα απλά να φαίνεται μόνο το όνομα του post στο URL. Μήπως ξέρετε κάποιο plug in που να κάνει κάτι τέτοιο?
  6. Αλλαγές σε URL σε ήδη δημοσιευμένες σελίδες : Εάν χρειαστεί να γίνει κάτι τέτοιο, κάντε μόνιμο redirect (301).
  7. Τις έτοιμες CMS λύσεις : Τώρα αυτό είναι μεγάλη κουβέντα αλλά οι περισσότερες έτοιμες λύσεις (όπως Joomla και Mambo) δεν παρέχουν άμεσα σωστά δομημένα URL. Εάν πρέπει να χρησιμοποιήσουμε κάτι τέτοιο, καλό θα είναι να κοιτάξουμε για κάποιο plug in που να δημιουργεί ομορφότερα και πιο semantic URLs…

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

Search Engine Optimization (SEO) για blogs : Ότι πρέπει να ξέρετε και ντρεπόσασταν να ρωτήσετε

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

Καταργήστε τις Splash pages

Κανένα site ή blog δεν διανοείται να έχει πλέον τις παλιομοδίτικες και ανούσιες splash pages! Δυστυχώς στην Ελλάδα πετυχαίνω ακόμα sites, τα οποία χρησιμοποιούν splash pages! Μην το κάνετε γιατί πολύ απλά “σκοτώνεται” το site σας, μιας και τα web spiders των μηχανών αναζήτησης δεν βρίσκουν κάτι ενδιαφέρον στην κεντρική σελίδα σας, στην οποία δεν υπάρχει ουσιαστικό περιεχόμενο, ούτε links (πέρα του enter here!) έτσι ώστε να “χαρτογραφηθεί” σωστά το site/blog σας. Η πρώτη σελίδα (homepage) ενός site είναι και η σημαντικότερη, εκμεταλλευθείτε την και μην την καταστρέφεται. Το χειρότερο σενάριο σε αυτήν την κατηγορία είναι η ύπαρξη κάποιας splash page η οποία είναι φτιαγμένη σε Flash (διαβάστε και παρακάτω), το οποίο εκτός από κακά αποτελέσματα σε SEO δημιουργεί και accessibility issues τα οποία δεν θα εξηγήσω σε αυτό το post.

Ποτέ μην χρησιμοποιείτε μενού φτιαγμένα από Flash ή Javascript

Τα web spiders που ανέφερα και παραπάνω, δεν βλέπουν τίποτα από τα όμορφα γραφικά και χρώματα σας! Διαβάζουν τα πάντα όμως, όπως ακριβώς κάνουν οι text-based browsers και screen readers, ενώ ακολουθούν προσεκτικά όλα τα link σας, “χαρτογραφώντας” με αυτόν τον τρόπο το site σας! Επειδή ακριβώς συμπεριφέρονται όπως οι text-based browsers και screen readers, αγνοούν το Flash, την Javascript και γενικότερα όλες τις embended τεχνολογίες που υποστηρίζει η (X)HTML. Έτσι εάν κάποιο μενού σας είναι φτιαγμένο με κάποια τέτοια τεχνολογία, τα web bots δεν θα μπορούν να το διαβάσουν, άρα δεν θα μπορούν να ακολουθήσουν και τα link του, με αποτέλεσμα να μην χαρτογραφήσουν σωστά το site/blog σας. Ποτέ λοιπόν Flash ή Javascript για την δημιουργία μενού επιλογών, όσο όμορφα κι αν είναι…

Χρησιμοποιείτε επεξηγηματικούς συνδέσμους (links)

Ένα από τα πιο συνηθισμένα λάθη που εμφανίζεται στα blog! Τα links είναι από τα πιο σημαντικά στοιχεία που συλλέγουν οι μηχανές αναζήτησης, και links τύπου “click here” ή “κάντε click εδώ”, είναι καλό να αποφεύγονται και στην θέση τους να χρησιμοποιήτε κάτι που περιγράφει καλύτερα τον σύνδεσμο/link. Ίσως να πάρει λίγο χρόνο σε κάποιους να συνηθίσουν τον νέο τρόπο γραφής, ωστόσο τα οφέλη που θα κερδίσει το site/blog σας σε SEO επίπεδο είναι πολλά και άμεσα!

Μην χρησιμοποιείτε Flash ή γραφικά για την προβολή περιεχομένου

Και αυτό έχει να κάνει με το πως λειτουργούν τα web spiders τα οποία όπως ανέφερα και πάνω είναι τελείως “τυφλά” και δεν βλέπουν/καταλαβαίνουν τα γραφικά και τις εικόνες σας. Για τον παραπάνω λόγο λοιπόν μην χρεισιμοποιείτε γραφικά ή Flash για την προβολή περιεχομένου, αλλά προσπαθήστε να χρησιμοποιήσετε το πιο σημασιολογικά σωστό markup υποκατάστατο! Για παράδειγμα, έχω δει πολλές φορές πίνακες ή quotes τα οποία παρουσιάζονται ως γραφικά, ενώ τις περισσότερες φορές δεν υπάρχει καν η ανάλογη επεξήγηση στα alt attributes. Σε τέτοιες περιπτώσεις χρεισημοποιείστε το σωστότερο σημασιολογικά (X)HTML element!

Κάντε σωστή χρήση των τίτλων, keywords και γενικότερα των metadata δεδομένων

Ρυθμίσετε το site/blog σας έτσι ώστε κάθε σελίδα του να έχει διαφορετικό και φυσικά επεξηγηματικό τίτλο (title στο header section) και keywords. Υπάρχουν πολλά plug ins και ρυθμίσεις για να κάνετε εύκολα την παραπάνω διαδικασία σε όλες τις blogging πλατφόρμες, οπότε μην αγχώνεστε. Ο τίτλος (<title>) που εμφανίζεται στο header section της σελίδας σας, θα είναι και αυτός που θα χρησιμοποιηθεί από τις μηχανές αναζήτησης στην προβολή των αποτελεσμάτων τους. Διαλέξτε λοιπόν σωστούς τίτλους και προσπαθήστε να μην ξεπεράσετε τους 65 χαρακτήρες (μέσος όρος προβολής τίτλων στις μηχανές αναζήτησης). Για keywords, διαλέξτε προσεκτικά τις πιο αντιπροσωπευτικές και σχετικές λέξεις με το περιεχόμενο της σελίδας σας, χωρίς να το παρακάνετε βέβαια. Επίσης μην αναφέρεται keywords άσχετα με το περιεχόμενο της σελίδας! Τέλος καλό θα ήταν να υπάρχει και το description στα metadata όπου να περιγράφεται σε 2-3 προτάσεις το περιεχόμενο της συγκεκριμένης σελίδας. Το κείμενο του description χρησιμοποιείτε από τις μηχανές αναζήτησης για να περιγράψει το link στην λίστα των αποτελεσμάτων τους, ενώ εάν δεν υπάρχει κάτι τέτοιο χρησιμοποιούν ως description περιεχόμενο αυτό της σελίδα μας. Προσωπικά ούτε εγώ κάνω χρήση του description metadata στο blog μου, ωστόσο είναι χρήσιμο να ξέρουμε τουλάχιστον τον λόγο ύπαρξης του αλλά και πως χρησιμοποιείται!

Σωστή χρήση των alt και title attributes

Χρησιμοποιείτε πάντα το το alt attribute στις εικόνες/φωτογραφίες που υπάρχουν στο περιεχόμενο του site σας! Το περιεχόμενο των alt attribute διαβάζεται σαν κανονικό περιεχόμενο τόσο από τους text browsers/screen readers όσο και τα web spiders των μηχανών αναζήτησης, οπότε προσπαθείστε να περιγράψετε όσο καλύτερα γίνεται τις εικόνες/φωτογραφίες σας (με εξέρεση τα γραφικά/images που έχουν να κάνουν με το interface και όχι το περιεχόμενο του site σας). Τέλος εάν αισθάνεστε πως το κείμενο ενός συνδέσμου/link δεν περιγράφει και πολύ σωστά περί τίνος πρόκειται, απλά χρησιμοποιείστε το title attribute του link και περιγράψτε το καλύτερα!

Κακή χρήση του AJAX

Μην χρησιμοποιείτε κάτι εάν δεν είστε 100% σίγουρος πως το χρησιμοποιείτε σωστά. Όπως έγραψα και πιο πάνω, τα web bots αγνοούν την Javascript, οπότε μην την χρησιμοποιείται για να κρύψετε/εμφανίσετε περιεχόμενο στην σελίδα σας. Κακογραμμένα AJAX προγράμματα μπορούν να προκαλέσουν πολλά προβλήματα στο indexing του site/blog σας από τις μηχανές αναζήτησης, οπότε εάν δεν ξέρετε τι πραγματικά κάνετε, απλά μην το χρησιμοποιείτε!

Χρησιμοποιείτε φιλικά URLs

Προσπαθήστε να έχετε μικρά και επεξηγηματικά URLs, τα οποία σε καμία περίπτωση δεν πρέπει να αλλάζουν! Οι περισσότερες blogging πλατφόρμες (αλλά και CMS) δίνουν αρκετές επιλογές στο συγκεκριμένο θέμα, οπότε προσπαθήστε να τις αξιοποιήσετε σωστά. Προσωπικά είμαι κατά των ελληνικών χαρακτήρων στα URL (για χίλιους δυο λόγους), ωστόσο πολύ επαγγελματίες του χώρου τάσονται υπέρ. Μάλλον είναι κάτι που πρέπει να ρωτήσετε έναν SEO expert και όχι έναν ταπεινό web developer 😉

Αυτά τα λίγα… Ελπίζω να βρήκατε το post ενδιαφέρον και να ακολουθήσετε τις παραπάνω απλές συμβουλές, έτσι ώστε να βρεθείτε γρήγορα στην κορυφή των αποτελεσμάτων!

Οι έλληνες web experts που διαβάζω (και εμπιστεύομαι)

Με το παρακάτω post επιχειρώ να συλλέξω τα καλύτερα blog από τους έλληνες web experts που διαβάζω. Επειδή η λίστα βγήκε μεγαλύτερη απ’ ότι περίμενα (γεγονός πολύ ελπιδοφόρο) μην με φάτε εάν ξέχασα κάποιους, απλά αφήστε ένα comment εφόσον έχετε κάποιο web-related blog. Έχουμε και λέμε λοιπόν :

Web design και development

Υπό normal συνθήκες οι δύο κατηγορίες θα ήταν ξεχωριστές, αλλά στο κόσμο του web, συχνά ο designer είναι και coder και το αντίθετο, ενώ οι περισσότεροι συνάδελφοι που αναφέρω παρακάτω, γράφουν post και για τις δύο κατηγορίες (και όχι μόνο)…

  • acidsmile : Η Μαρία blogάρει από την Αγγλία για την δουλειά της αλλά και για άλλα θέματα που την απασχολούν!
  • Digitalbox blog : Το επίσημο blog της εταιρείας Digitalbox με πραγματικά πολύ καλό περιεχόμενο! Ελπίζω να ακολουθήσουν το παράδειγμα της κι άλλες εταιρείες, μιας και στην Ελλάδα τα εταιρικά blog είναι ελάχιστα, ακόμα και από εταιρείες που υποτίθεται ότι δραστηριοποιούνται στο χώρο του web!
  • Netfreaks.gr : Ο HitMan-Βίκτωρας σχολιάζει την web επικαιρότητα με τον δικό του τρόπο!
  • porcupine colors : Τον Γιάννη Κωνσταντακόπουλο, τον θεωρώ έναν από τους guru του χώρου, και πολύ απλά πρέπει να διαβάζεται το blog του…
  • Simple is Beautiful : Από την γνωστή development ομάδα του Pathfinder, την Phaistos Networks, ο Μάρκος Παπαδάκης έχει πάντα κάτι ενδιαφέρον να μας πει.
  • sugarenia.com : Από την ίδια ομάδα (Phaistos Networks), η Ζαχαρένια (ή sugarenia) γράφει γλυκές web standard συνταγές!
  • phaistonian : Στο blog του, ο Γιώργος Παπαδάκης (από την Phaistos Networks και αυτός), γράφει λίγο πιο τεχνικά, αλλά πάντα ενδιαφέροντα post! Τώρα τελευταία όλο λέω πως θα ασχοληθώ και με το Core που παρουσιάζει όλο στο blog του, αλλά που χρόνος…
  • The Portrait of A Geek : O νέος αγαπημένος μου blogger! Από τους λίγους που προσφέρει κώδικα και αναλυτικά web tutorials! Απλά respect.
  • Webz : Παλιό και αγαπημένο μου blog! Έχει περάσει πλέον και στα “κλασικά” θα έλεγα…
  • Petros Dimitriadis : Εδώ θα βρείτε περισσότερο web design related υλικό.

SEO και Web marketing

  • .Connect : Το επήσιμο blog της Μindworks ασχολείται φυσικά, όπως και η ίδια η εταιρεία άλλωστε, με θέματα SEO και web marketing.
  • About SEO : Άλλο ένα αξιόλογο blog αφιερωμένο στο SEO, με posts γραμμένα από τον Γιώργο Βαρέλογλου.
  • Βizwriter : Ο Σάκης Ρίζος εργάζεται στην Μindworks ενώ παράλληλα προσφέρει χρήσιμες πληροφορίες στο blog του, πάνω σε θέματα web marketing.

Άλλα αξιοσημείωτα blog

Μήπως πρέπει να σιγά-σιγά να ξεκινήσουμε και το δικό μας union 😉