Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #6 η : Joomla!: Οργάνωση περιεχομένου σε ενότητες και κατηγορίες, επεξεργασία και τροποποίηση εμφάνισης άρθρων Γαβαλάς Δαμιανός dgavalas@aegean.gr Οργάνωση περιεχομένου σε ενότητες και κατηγορίες Το Joomla! μας δίνει τη δυνατότητα να οργανώσουμε τα περιεχόμενό μας σε ενότητες (Sections) και κατηγορίες (Categories) Παραπέμπουν σε συρτάρια και φακέλους που χρησιμοποιούμε για να οργανώσουμε και ομαδοποιήσουμε χαρτιά στο γραφείο μας Τα sections περιέχουν categories και τα categories περιέχουν articles 1
Παράδειγμα με ενότητες και κατηγορίες Φορτώστε (κάντε import) το sql αρχείο που σας δίνεται στη σελίδα του εργαστηρίου Στον Article Manager θα δείτε ότι δημιουργήθηκε η ενότητα Ingredients που περιλαμβάνει τις κατηγορίες Fruits, Herbs και Vegetables Δοκιμάστε να εφαρμόσετε τα φίλτρα που παρέχει η σελίδα ώστε να εμφανίζονται μόνο τα άρθρα που ανήκουν στην ενότητα Ingredients και στην κατηγορία Fruits Fruits. Στη συνέχεια «καθαρίστε» τα φίλτρα Τα φίλτρα θα σας βοηθήσουν να εντοπίζετε άρθρα όταν θα έχετε συμπεριλάβει αρκετό περιεχόμενο στο site σας Δημιουργία και διαχείριση ενοτήτων Επεξεργαστείτε την ενότητα Ingredients για να δείτε τις πληροφορίες που περιλαμβάνει Προσθέστε μια ενότητα Restaurant information Δημιουργήστε κάτω από αυτή τη νέα ενότητα τις κατηγορίες People, Press και Food Σε ποιο πίνακα της ΒΔ αποθηκεύτηκαν οι κατηγορίες σας και ποιο το id της ενότητας Restaurant information ; 2
Ένταξη άρθρων σε ενότητες/κατηγορίες Συμπεριλάβετε το υφιστάμενο άρθρο Seasonal Specialties στην ενότητα Restaurant information και στην κατηγορία Food Ομοίως το άρθρο Reviews of our restaurant στην ενότητα Restaurant information και στην κατηγορία Press Ομοίως το άρθρο About John and Meredith στην ενότητα Restaurant information και στην κατηγορία People Ομοίως το άρθρο About Fresh and Local στην ενότητα Restaurant information και στην κατηγορία People Προσπαθήστε πειράζοντας τη ΒΔ να μεταφέρετε το άρθρο Reviews of our Restaurant στην ενότητα Ingredients και την κατηγορία Fruits (ελέγξτε από το joomla ότι η μεταφορά επιτεύχθηκε) και εν συνεχεία να το επαναφέρετε στην προηγούμενη ενότητα/κατηγορία του Εμφάνιση άρθρων που ανήκουν σε κάποια ενότητα/κατηγορία Menus > Main menu > New > Articles > επιλογή Section blog layout > επιλογή section Ingredients και ορισμός τίτλου Ingredients we use > > Save Ξαναφορτώστε την κεντρική σελίδα και παρατηρήστε την αλλαγή στη μπάρα πλοήγησης Επαναλάβετε το ίδιο δημιουργώντας ένα νέο main menu item που να παρουσιάζει τα άρθρα που ανήκουν στην κατηγορία People, χρησιμοποιώντας των τίτλο People of Fresh and Local 3
Προσθήκη στο μενού επιλογών για εμφάνιση λίστας άρθρων Προσθέστε ένα νέο menu item το οποίο όταν επιλέγεται θα οδηγεί σε σελίδα στην οποία θα εμφανίζεται μια λίστα με τις κατηγορίες που ανήκουν στην ενότητα Επιλέξτε την ενότητα Ingredients και ένα menu item με τίτλο Ingredient types Επαναλάβετε το ίδιο για τα άρθρα της κατηγορίας Fruit, με τίτλο A list of fruits Στη σελίδα με τα φρούτα στο front end δοκιμάστε να χρησιμοποιήστε το φίλτρο πληκτρολογώντας π.χ. pea Αλλαγή σειράς εμφάνισης και ορισμός επιπέδου πρόσβασης Δοκιμάστε να «κρύψετε» την κατηγορίας Vegetables στη σελίδα που φορτώνεται όταν επιλέγεται το menu item Ingredient types Στη συνέχεια επαναφέρατε τη ρύθμιση ώστε να εμφανιστεί ξανά Να αλλάξετε τη σειρά εμφάνισης της κατηγορίας Vegetables ώστε να εμφανίζεται τελευταία στη λίστα Περιορίστε την πρόσβαση στην κατηγορία Vegetables ώστε μόνο εγγεγραμμένοι χρήστες να μπορούν να την προσπελάσουν Για αν επιτραπεί η διαβαθμισμένη πρόσβαση πρέπει να εισάγουμε μια login form (θα δούμε αργότερα πως) Επαναφέρατε το επίπεδο πρόσβασης στην κατηγορία ώστε να είναι προσπελάσιμη από όλους 4
Προσθήκη περιγραφής Μπορείτε να προσθέσετε σύντομα κείμενα που να εξηγούν το ρόλο/έννοια των ενοτήτων και κατηγοριών σας Αντιγράψτε την πρώτη παράγραφο του εγγράφου descriptions.rtf rtf που σας δίνεται στο site του εργαστηρίου Αυτή η παράγραφος θα είναι η περιγραφή (description) της ενότητας Ingredients επεξεργαστείτε τον html κώδικα που αντιστοιχεί στην περιγραφή ώστε να αλλάξετε το μέγεθος της γραμματοσειράς σε 10pt Δε θα δείτε αλλαγές στη σελίδα που φορτώνεται όταν επιλέγεται το menu item Ingredient types Για να εμφανιστεί η περιγραφή θα πρέπει να επεξεργαστείτε το menu item Ingredient types Αντίστοιχα χρησιμοποιήστε τη 2 η παράγραφο του εγγράφου ως περιγραφή της κατηγορίας Fruits Εισάγετε και μια εικόνα για την κατηγορία, την pears.jpg (με δεξιά στοίχιση) Αλλαγή στον τρόπο εμφάνισης άρθρων Πειραματιστείτε με τις ρυθμίσεις που μπορείτε να κάνετε στα άρθρα του site σας και στο αποτέλεσμα που αυτές έχουν στην εμφάνισή τους Articles manager > Parameters Από εκεί θα αλλάξουν οι παράμετροι όλων των άρθρων Αν θέλω αλλαγή στις παραμέτρους ενός συγκεκριμένου άρθρου, θα πρέπει να το επεξεργαστών (να το κάνω edit) και να ρυθμίσω τις δικές του παραμέτρους Π.χ. κρύψτε/εμφανίσετε τον τίτλο του άρθρου και το συγγραφέα του για όλα τα άρθρα Ρυθμίστε τον τίτλο των άρθρων ώστε να είναι link προς τη σελίδα του άρθρου Ενεργοποιήστε τη δυνατότητα βαθμολόγησης από τους επισκέπτες του άρθρου Apples 5
Αλλαγή σειράς εμφάνισης άρθρων Αλλάξτε τη σειρά εμφάνισης τω άρθρων της σελίδας Home : Το About John and Meredith να εμφανίζεται 2 ο και το About Fresh and Local πρώτο H απόπειρά σας μάλλον δε θα αποτύχει καθώς εξ ορισμού τα άρθρα εμφανίζονται στο Joomla! σε ανάποδη χρονολογική σειρά Αυτό μπορεί να διορθωθεί αν επεξεργαστείτε τα Home menu item του Main menu Αλλαγή συγγραφέα και χρόνου δημιουργίας και δημοσίευσης Αλλάξτε το όνομα του συγγραφέα του άρθρου About John and Meredith δίνοντας το όνομά σας (με ελληνικούς χαρακτήρες) και την ημερομηνία δημιουργίας του στην τρέχουσα ημερομηνία Τροποποιήστε τις ρυθμίσεις του άρθρου ώστε να είναι δημοσιευμένο από το επόμενο λεπτό και για διάρκεια ενός μόνο λεπτού. Στη συνέχεια επαναφέρατε τις αρχικές ρυθμίσεις στις default τιμές τους 6
Icons vs Text Αλλάξτε την απαραίτητη ρύθμιση για όλα τα άρθρα ώστε τα icons που συμβολίζουν pdf, print, και email να αντικατασταθούν από text. Κρύψτε το σύνδεσμο print μόνο για το άρθρο Lemon Grass Στη συνέχεια, επαναφέρατε τις αρχικές (default) ρυθμίσεις Meta tags Τα Meta tags είναι μικρά τμήματα πληροφοριακού κώδικα που τοποθετούνται μεταξύ των <HEAD> </HEAD> ετικετών και αποτελούν μέρος μρςτου HTML εγγράφου Πρόκειται για πληροφορίες που δεν εμφανίζονται στους επισκέπτες και κατά βάση αξιοποιούνται από μηχανές αναζήτησης Όταν χρησιμοποιούνται σωστά, τα Meta tags μπορούν να αποτελέσουν ένα πολύτιμο εργαλείο βελτιστοποίησης ενός site Γράφονται ως εξής: <META NAME="name" CONTENT="content">, π.χ. Δείτε στην http://www.webmarketingnow.com/tips/metatags uncovered.html#description την πλήρη λίστα με meta tags 7
Meta tags που ρυθμίζονται από το Joomla!: description Δίνει μία σύνοψη του εγγράφου, τυπικά αποτελείται από 20 25, το μέγιστο. Οι μηχανές αναζήτησης που υποστηρίζουν το Meta Description tag θα εμφανίζουν το περιεχόμενό του στη σελίδα των αποτελεσμάτων της αναζήτησης, τυπικά κάτω από τον τίτλο του εγγράφου. Παράδειγμα: <META NAME="description" CONTENT="Citrus fruit wholesaler."> Συστήνεται να χρησιμοποιείτε πάντα το Meta Description tag. Προσπαθήστε να κάνετε το κάνετε όσο πιο συναρπαστικό μπορείτε (συχνά αποτελεί σημαντικό παράγοντα/κίνητρο για να έχετε περισσότερα clicks). Έχει γίνει χρήση του description meta tag Δεν έχει γίνει χρήση Έχει γίνει του description χρήση του meta tag description (εμφανίζεται η πρώτη meta γραμμή tag κειμένου της σελίδας 8
Meta tags που ρυθμίζονται από το Joomla!: keywords Η Meta Keywords ετικέτα παρέχει μια λίστα από λέξεις κλειδιά που περιγράφουν το περιεχόμενο στο site σας. Επιπλέον των λέξεων του τίτλου και περιεχομένου της σελίδας, οι μηχανές αναζήτησης χρησιμοποιούν τα keywords ώστε να καταλογοποιήσουν κατάλληλα το site σας. Η Meta Keywords ετικέτα τυπικά χρησιμοποιείται για να δώσει συνώνυμα και εναλλακτικές των λέξεων του τίτλου. Π.χ. <META NAME="keywords" CONTENT="oranges, lemons, limes"> Συστήνεται προσεκτική χρήση της Meta Keywords. Διασφαλίστε ότι χρησιμοποιείτε keywords σχετικά με το site steσας. Οι μηχανές αναζήτησης συχνά ποινικοποιούν ή βάζουν σε «μαύρη λίστα» sites που καταχρώνται αυτή την ετικέτα. Επίσης, η Meta Keywords εκθέτει τα keywords σας στους ανταγωνιστές σας. Η διαδικασία να βρείτε κατάλληλα keywords μπορεί να χρειαστεί πολύ χρόνο, ενώ ένας ανταγωνιστής σας θα μπορεί να τα αντιγράψει σε μερικά λεπτά. Meta tags που ρυθμίζονται από το Joomla!: robots H ετικέτα Meta Robots ελέγχει τα robots των μηχανών αναζήτησης ανά σελίδα. Μπορεί π.χ. να πει στα Robots ότι μπορούν να διασχίσουν/αναλύσουν τη σελίδα αλλά όχι να την καταλογοποιήσουν/ Π.χ.: <META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW"> Δε θεωρείται απαραίτητο να χρησιμοποιείτε την ετικέτα Meta Robots καθώς οι μηχανές αναζήτησης ης τείνουν να την αγνοούν. Αν επιθυμείτε έλεγχο στα robots, συστήνεται να χρησιμοποιείτε το αρχείο robots.txt ή να τροποποιήστε το HTAccess αρχείο. 9
Meta tags που ρυθμίζονται από το Joomla!: author H ετικέτα Meta Author θα εμφανίσει το συγγραφέα του εγγράφου (εκείνον που ανέπτυξε το τρέχον HTML/XML έγγραφο). Συστήνεται η αναφορά του μικρού ονόματος και του επωνύμου του συγγραφέα, όχι όμως η αναγραφή του email για λόγους προστασίας από Spam). Αν ο συγγραφέας θέλει να δώσει τη δυνατότητα στον επισκέπτη να έρθει σε επαφή μαζί του, μπορεί να το κάνει μέσω μιας contact form σε μια σελίδα. Π.χ.: <META NAME="Author" CONTENT="George Costanza, gcostanza@vandalayindustries.com"> Εφόσον υπάρχουν αρκετοί συγγραφείς που συνεισφέρουν στην ανάπτυξη του site, αυτή η ετικέτα βοηθάει στην καταγραφή του συγγραφέα κάθε σελίδας. Η Meta Author ετικέτα δεν καταλογοποιείται από τις Google, Yahoo!, or Bing, και δε βοηθάει να βελτιώσετε την ιεράρχιση του site σας από μηχανές αναζήτησης. Meta tags που ρυθμίζονται από το Joomla! Ρυθμίστε τα meta tags της σελίδας Fresh and Local : Description: αντιγράψτε την πρώτη παράγραφο του άρθρου Keywords: Maplewood Avenue and Route 85 Robots: H default τιμή του Joomla! είναι index, follow (δηλώνει επιθυμία να καταλογοποιηθεί η σελίδα από τις μηχανές αναζήτησης. Εσείς δηλώστε nofollow Author: To όνομά σας (με ελληνικούς χαρακτήρες) Προσπαθήστε στο front end να εμφανίσετε τη σελίδα στης οποίας τον html κώδικα θα φαίνονται οι τιμές των meta tags που φαίνονται παραπάνω Μια αποτελεσματική βελτιστοποίηση του site σας σε σχέση με τις μηχανές αναζήτησης θα απαιτήσει τεχνικές πολύ πέρα από τη ρύθμιση των meta tags. Τέτοιες τεχνικές θα εξετάσουμε σε επόμενη διάλεξη. 10