Την εποχή του tabbed browsing είναι κάπως ενοχλητικό όταν ανοίγεις πολλές καρτέλες να αρχίζουν αυτόματα να παίζουν τα βίντεο ταυτόχρονα.

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

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

Ή να ακούει κανείς μουσική στο σπίτι ενώ διαβάζει την ειδησεογραφία και ξαφνικά να ακούγεται το ρεπορτάζ για την Τρόϊκα!

Δώστε την επιλογή στο χρήστη να παίξει αυτός το βίντεο όταν το θελήσει.

Ειδάλλως, συνεχίστε να χάνετε επισκέπτες!

Σχετικά άρθρα:

1. [Ελληνικό video tutorial] Blog comments και η χρήση τους στο SEO
2. Αύξηση των δαπανών για video ads
3. Δημιουργία video με το Pinnacle Studio Ultimate

Αν και η html 5 είναι ακόμη σε φάση ανάπτυξης, είναι σχεδόν σίγουρο ότι θα επηρεάσει το seo μιας ιστοσελίδας. Μέχρι στιγμής οι σελίδες χρησιμοποιούν div για το διαχωρισμό της σελίδας σε επιμέρους σημεία και ουσιαστικά δεν σημαίνουν τίποτα. Με την έλευση της html 5, θα υπάρχει σαφής διαχωρισμός για το ποιο σημείο θα είναι το header, footer, body, sidebar κ.α. Το κλειδί στην html 5 είναι ότι προσθέτει στοιχεία που διαχωρίζουν σαφέστατα τα επί μέρους κομμάτια μιας ιστοσελίδας. Έτσι λοιπόν ίσως να παραμεριστούν σύνδεσμοι που υπάρχουν στο footer ή στο sidebar μιας ιστοσελίδας, ενώ οι πληροφορίες που θα βρίσκονται μέσα στις article ετικέτες να είναι πιο σημαντικές, μιας και οι μηχανές αναζήτησης δίνουν περισσότερη σημασία στα άρθρα και στο νέο περιεχόμενο μιας ιστοσελίδας. Βέβαια υπάρχει πολύς δρόμος ακόμη μέχρι να υιοθετηθεί η html 5 ως στάνταρντ, πάντως είμαι σίγουρος ότι θα παίξει ρόλο στο onpage seo μιας ιστοσελίδας.

Σχετικά άρθρα:

1. Ο Πελάτης Δεν Έχει Πάντα Δίκιο
2. Offline Marketing Μήπως Έχει Αρχίσει να Γίνεται Εύκολο;
3. Το Facebook έχει αρχίσει να χάνει μεγάλο ποσοστό χρηστών

Όλοι ξέρουμε ότι αρκετοί bloggers ψάχνουν για κάποια δωρεάν φόρμα επικοινωνίας να προσθέσουν στο Blog τους. Ελάχιστοι ίσως να γνωρίζεται ότι τα Google Docs δίνουν τη δυνατότητα για να δημιουργήσετε μία δωρεάν φόρμα επικοινωνίας στην ιστοσελίδα σας χωρίς να έχετε καθόλου τεχνικές γνώσεις. Για να δημιουργήσουμε λοιπόν μία φόρμα επικοινωνίας, απλά χρειαζόμαστε να έχουμε ένα Google Account. Οι περισσότεροι από εμάς έχουμε Gmail Account για τα mail μας, οπότε είναι εύκολο να πάμε στα Google Docs και να δημιουργήσουμε μία φόρμα επικοινωνίας κάνοντας κλικ στο Create a Form. Αυτή η υπηρεσία είναι ιδιαίτερα εύχρηστη και φτιάχτηκε ουσιαστικά για Bloggers που δεν έχουν καθόλου τεχνικές γνώσεις. Εάν θέλετε λοιπόν να το δοκιμάσετε, μπορείτε να πάτε στην παρακάτω διεύθυνση: docs.google.com

Σχετικά άρθρα:

1. CSS Tutorial:Δημιουργήστε μία CSS gallery εικόνων εύκολα.
2. Διατηρήστε την μπαταρία του φορητού σε φόρμα
3. Windows Live Messenger: η δημοφιλέστερη πλατφόρμα επικοινωνίας στην Ελλάδα

Αρκετοί είναι που ψάχνουν για template editors – generators της προκοπής. Εδώ και χρόνια δεν έχω βρει για να πω την αλήθεια κανέναν template editor της προκοπής, με εξαίρεση το Artisteer. Το artisteer δεν απαιτεί καθόλου τεχνικές γνώσεις για το σχεδιασμό της δυναμικής σας ιστοσελίδας. Αρκετές είναι επίσης οι εταιρίες κατασκευής ιστοσελίδων που δημιουργούν επαγγελματικές ιστοσελίδες με το εν λόγω editor. Το UI του είναι εξαιρετικά απλό και το μόνο που χρειάζεται είναι οι βασικές γνώσεις χειρισμού υπολογιστών. Το artisteer μας δίνει τη δυνατότητα εκτός από στατικές ιστοσελίδες να φτιάξουμε και δυναμικές στα παρακάτω συστήματα διαχείρισης, κάτι το οποίο είναι ουσιαστικά το δυνατό χαρτί του.

Με το artisteer συγκεκριμένα μπορείτε να κάνετε templates για τα παρακάτω συστήματα:

• WordPress
• Joomla
• DotNetNuke
• Blogger
• Drupal

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

Σχετικά άρθρα:

1. Κατασκευή Ιστοσελίδων με Joomla (Μάθημα 2)
2. Κατασκευή Ιστοσελίδων με Joomla (Μάθημα 3)
3. Κατασκευή Ιστοσελίδων με Joomla (Μάθημα 4)

Το Google +1 έχει κυκλοφορήσει και σαν plugin για WordPress. Δοκίμασα μερικά από αυτά, και κατέληξα στο WP plus one του Jacob Gillespie.

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

Μπορείτε να το κατεβάσετε από εδώ: http://wordpress.org/extend/plugins/wp-plus-one/

Δείτε παρακάτω και ένα screenshot από τις ρυθμίσεις του WP plus one στον πίνακα ελέγχου (Dashboard) του WordPress:

Σχετικά άρθρα:

1. 1.Κατασκευή Ιστοσελίδων με WordPress 3 (Εισαγωγή στο WordPress 3)
2. WordPress-gr.org – Η Νέα Ελληνική Κοινότητα του WordPress
3. 2.Εγκατάσταση WordPress 3

Είναι σχεδόν σίγουρο ότι οι περισσότεροι από εσάς δεν γνωρίζεται ότι υπάρχει η δυνατότητα κατασκευής e-shop μέσα από το Facebook. Εάν έχετε φυσικά προϊόντα όπως μπλουζάκια, cd, ηλεκτρονικές συσκευές, τότε σας δίνεται η δυνατότητα να δημιουργήσετε μία e-shop πλατφόρμα που θα πουλάτε τα προϊόντα σας. Πριν σας δείξω πως να κατασκευάσετε ένα e-shop στο Facebook, θα ήθελα να τονίσω ότι σε καμία περίπτωση δεν συνιστώ να ακολουθήσετε αποκλειστικά αυτή τη μέθοδο για την προώθηση του e-shop σας ή της επιχείρησης σας γενικότερα. Θα ήθελα επίσης να τονίσω ότι είναι απαραίτητο να έχουμε και ένα δικό μας e-shop ακόμη και αν αποφασίσουμε να προβούμε στην κατασκευή e-shop μέσα από το Facebook. Οι κύριοι λόγοι που είναι απαραίτητοι να έχουμε μια δική μας ιστοσελίδα ή e-shop έχουν αναλυθεί και σε άλλες δημοσιεύσεις στο ifeed, παρόλα αυτά πριν αναλύσω τον τρόπο για να κατασκευάσετε ένα e-shop στο facebook, θα επαναλάβω τους λόγους που είναι απαραίτητο να έχουμε το δικό μας e-shop.

1. Προσπαθώντας να πουλήσουμε ένα προϊόν αποκλειστικά μέσω του Facebook, ουσιαστικά περιορίζουμε τη δυνατότητα να διαφημιστούμε και σε άλλα μέσα. Σκοπός μας είναι να κατασκευάσουμε ένα e-shop για να αυξήσουμε τις πωλήσεις τις επιχείρησης μας και όχι να στηριχτούμε αποκλειστικά σε αυτό.

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

3. Το Facebook έχει αποδειχτεί ότι δεν είναι και το πιο ασφαλές σύστημα με ότι αυτό συνεπάγει…

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

Ας δούμε τώρα τον τρόπο κατασκευής e-shop βασισμένο στο Facebook. Το πρώτο βήμα είναι να μεταβείτε στο payvment και να εγκαταστήσετε την εφαρμογή. Αυτή η εφαρμογή είναι δωρεάν και μπορείτε να αποκτήσετε άμεσα και γρήγορα το δικό σας e-shop.

Αφού εγκαταστήσετε την εφαρμογή θα δείτε ένα παράθυρο όπως το παρακάτω.  Εδώ μπορείτε να κάνετε ρυθμίσεις για το e-shop σας και εάν θέλετε να προσθέστε ένα νέο φυσικό προϊόν, μπορείτε να το κάνετε αυτό πατώντας στο Add New Products.

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

Στο τέλος το e-shop σας θα μπορούσε να μοιάζει όπως το MollySimsOfficial.

Σχετικά άρθρα:

1. Κατασκευή Ιστοσελίδων με Joomla (Μάθημα 2)
2. Κατασκευή Ιστοσελίδων με Joomla (Μάθημα 3)
3. Κατασκευή Ιστοσελίδων με Joomla (Μάθημα 4)

Τι δεν θα λέγατε σε αυτόν που σχεδιάζει το σπίτι σας:

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

Θέλω να είναι μοντέρνο αλλά να έχει κλασσική γραμμή. Θέλω να έχει σκεπή, αλλά να έχει και ταράτσα, ας βάλουμε και μια σοφίτα.

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

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

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

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

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

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

Τα λέμε τη Δευτέρα πρωί πρωί λοιπόν! Ανυπομονώ να δω τα σχέδια! Αλλά μπορεί και να μην αρχίσουμε άμεσα. Δεν έχω αποφασίσει ακόμα…

Ίσως δεν χρειάζομαι καινούριο σπίτι. Μήπως να πάρω ένα τροχόσπιτο να τελειώνουμε; Έχετε να μου προτείνετε κανένα καλό; Εσείς ξέρετε από αυτά, σπίτι το ένα σπίτι και το άλλο!

Μπήκατε στο νόημα! Τώρα επιστρατεύστε το χιούμορ σας και αντικαταστήστε τη λέξη “σπίτι” με τη λέξη “ιστοσελίδα” και τη λέξη “αρχιτέκτονας” με τη φράση “σχεδιαστής ιστοσελίδων”.

Στείλτε το στους πελάτες σας!

Σχετικά άρθρα:

1. Τα καλύτερα blogs για web designers / developers
2. Γιν και Γιανγκ – Web Designers Vs Web Developers

Είτε το χρησιμοποιούμε σαν τη “ραχοκοκκαλιά” του blog μας είτε ολόκληρου του website μας, σίγουρα κάποια στιγμή αναρωτηθήκαμε αν μπορούμε να εμφανίσουμε (δυναμικά πάντα) τα άρθρα μας και εκτός της εγκατάστασης του WordPress. Με απλές γνώσεις της γλώσσας PHP και του WordPress API, ναι, μπορούμε να το κάνουμε!

Δεδομένα

Έστω λοιπόν οτι το website μας είναι το www.παραδειγμα.com και το blog μας (δηλαδή ο φάκελος εγκατάστασης του WordPress) είναι www.παραδειγμα.com/blog/. Έστω επίσης οτι η σελίδα στην οποία θέλουμε να εμφανίσουμε τα τελευταία άρθρα είναι η: www.παραδειγμα.com/index.php (ναι, πρέπει να είναι .php και όχι .html, μπορείτε να την μετονομάσετε αρκεί να βεβαιωθείτε οτι εξακολουθεί να δουλεύει!)

Καλώντας το wp-load.php

Για αρχή, θα ανοίξουμε με ένα πρόγραμμα επεξεργασίας (γίνεται και με το κοινό notepad των Windows) τη σελίδα index.php στην οποία θέλουμε να εμφανίσουμε τα άρθρα μας. Έπειτα, θα “καλεσουμε” ένα αρχείο του WordPress γράφοντας τον παρακάτω κώδικα μεσα στο index.php:

<?php
define('WP_USE_THEMES', false); // Να μην χρησιμοποιηθεί το θέμα (template)
require_once('blog/wp-load.php'); // Καλούμε το wp-load.php
query_posts('showposts=3'); // Εμφάνισε 3 άρθρα
?>

Προσέξτε οτι καλώ το wp-load.php από τον φάκελο εγκατάστασης του WordPress, που στο παράδειγμά μας είναι blog/ (απλά αντικαταστήστε το blog/ με το δικό σας φάκελο). Επίσης, αλλάζοντας το showposts=3 σε showposts=4 ή showposts=5 κ.ο.κ. θα εμφανίσουμε 4 ή 5 posts αντίστοιχα.

Εμφανίζοντας τα τελευταία άρθρα

Είμαστε λοιπόν έτοιμοι να εμφανίσουμε τα post μας. Θα χρησιμοποιήσουμε μια “επανάληψη” ως εξής:

<?php while (have_posts()): the_post(); ?> // Επανάληψη: Όσο βρίσκεις posts
<h2><?php the_title(); ?></h2> // Τίτλος του κάθε post
<small><?php the_time('l jS F, Y') ?></small><br /> // Ημερομηνία δημοσίευσης
<?php the_excerpt(); ?> // Η περίληψη του κάθε post
<p><a href="<?php the_permalink(); ?>">Διαβάστε περισσότερα...</a></p> // Σύνδεσμος προς το κάθε post
<?php endwhile; ?> // Τέλος επανάληψης


Αυτό ήταν! Με λίγες γραμμές κώδικα μπορούμε να ενσωματώσουμε το blog μας παντού μέσα στο website μας!

Ολόκληρος ο κώδικας

Για λόγους ευκολίας παραθέτω ξανά ολοκληρωμένο τον κώδικα:

<?php
define('WP_USE_THEMES', false);
require_once('blog/wp-load.php');
query_posts('showposts=3');
?>
<?php while (have_posts()): the_post(); ?>
<h2><?php the_title(); ?></h2>
<small><?php the_time('l jS F, Y') ?></small><br />
<?php the_excerpt(); ?>
<p><a href="<?php the_permalink(); ?>">Διαβάστε περισσότερα...</a></p>
<?php endwhile; ?>


Σημείωση: Υπάρχει και τρόπος να εμφανίσουμε τα τελευταία posts από WordPress που βρίσκεται σε άλλο website, αλλά επειδή υπάρχουν περιορισμοί στην εγκατάσταση της php του κάθε server που δεν το επιτρέπουν, δεν δουλεύει παντού.

Σχετικά άρθρα:

1. 1.Κατασκευή Ιστοσελίδων με WordPress 3 (Εισαγωγή στο WordPress 3)
2. [Ελληνικό video tutorial] Blog comments και η χρήση τους στο SEO
3. WordPress-gr.org – Η Νέα Ελληνική Κοινότητα του WordPress

1. PSD Nation

Κατεβάστε αυτό το template

2. Summer Of love

Κατεβάστε αυτό το template

3. Kezarth

Κατεβάστε αυτό το template

4.Green Orange

Κατεβάστε το template

5. Business Website Template

Κατεβάστε το template

6. Modern Business

Κατεβάστε το Template

7. Your Hosting

Κατεβάστε το template

8. Kerixmix

Κατεβάστε το template

Σχετικά άρθρα:

1. 9. Μαθήματα Joomla 1.6 – Templates – DEMO EDITION
2. Κατασκευή ιστοσελίδων με Joomla (μέρος 8ο)
3. Κατασκευή ιστοσελίδων με Joomla (μέρος 9ο)

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

Εξαιρετικά σημαντικοί παράγοντες κατάταξης:

• Χρήση λέξεων κλειδιών στο Title Tag της ιστοσελίδας σας <title>…</title>
• Συνολικός αριθμός συνδέσμων που δείχνουν προς την ιστοσελίδα σας (backlinks). Εκτός από τον αριθμό των backlinks, παίζει μεγάλο ρόλο και η ποιότητα αυτών των συνδέσμων (pagerank), καθώς επίσης και αν είναι σχετικό το περιεχόμενο τους με το περιεχόμενο της ιστοσελίδας σας.
• Οι λέξεις κλειδιά που βρίσκονται μέσα στο σύνδεσμο. Ο αριθμός και η ποιότητα των συνδέσμων παίζουν μεγάλο ρόλο στην κατάταξη της ιστοσελίδας σας στο Google. Παρόλα αυτά, είναι απαραίτητο να έχετε τις κατάλληλες λέξεις κλειδιά μέσα στο σύνδεσμο που κατευθύνει προς την ιστοσελίδα σας.

Σημαντικοί παράγοντες

• Ηλικία domain. Το Google και οι υπόλοιπες μηχανές αναζήτησης, δίνουν ιδιαίτερη σημασία στην ηλικία ενός domain. Αυτό γίνεται επειδή ιστοσελίδες που χρησιμοποιούνται για spam εμφανίζονται γρήγορα, η ηλικία του domain είναι σαν ένα σημάδι αξιοπιστίας προς την ιστοσελίδα σας.
• Χρήση λέξεων – φράσεων κλειδιών στο κείμενο της ιστοσελίδας σας. Όλες οι μηχανές αναζήτησης δίνουν ιδιαίτερη έμφαση στις ιστοσελίδες που έχουν ένα συγκεκριμένο ποσοστό λέξεων κλειδιών μέσα στο περιεχόμενο της ιστοσελίδας σας. Τα h1 tags, ουσιαστικά δίνουν έμφαση και τονίζουν ποιες λέξεις κλειδιά είναι σημαντικές μέσα στο περιεχόμενο.
• Χρήση λέξεων κλειδιών στο domain της ιστοσελίδας.
• Χρήση λέξεων κλειδιών στα url της ιστοσελίδας.
• Σύνδεσμοι από Social Media.
• Ταχύτητα Ιστοσελίδας.
• Η κατάληξη της ιστοσελίδας σας.
• Χρήση Λέξεων κλειδιών στα alt attributes.
• Αριθμός επισκεπτών (traffic).

Ελάχιστα Σημαντικοί Παράγοντες

• Χρήση λέξεων κλειδιών στο meta description.
• Ο αριθμός των καθέτων ( / ) στο url της ιστοσελίδας. Οι μηχανές αναζήτησης θεωρούν ότι όταν μία σελίδα εμφανίζεται σε subdirectories, ότι είναι πιο κάτω στην ιεραρχία και άρα δεν είναι τόσο σημαντικές στην ιεραρχία όσο σελίδες σε υψηλότερα επίπεδα.

Ασήμαντοι Παράγοντες

• W3C Validation.
• Meta keywords.
• Χρήση λέξεων κλειδιών στην αρχή της παραγράφου.
• Χρήση λέξεων κλειδιών στα σχόλια (html comments).

Σχετικά άρθρα:

1. Ποια Meta Tags καταλαβαίνει το Google