Βελτιστοποίηση SEO σε απλή html σελίδα

[poscore]

Χαίρετε, έχω δημιούργήσει μια σελίδα σε html. Έχω index.html, services.html, contact.php αρχεία μόνο και θέλω όσο μπορώ να βελτιστοποιήσω την αναζήτηση στο google. Επειδή στο συγκεκριμένο task είμαι αρχάριος οτιδήποτε πληροφορία έχετε θα χαρώ να την ακούσω.

 

Αυτά που έχω τώρα είναι:

<meta name="description" content="Διεκπαιρεωσεις αυτοκινήτων και φορτηγών Tsiomis Athanasios">
<meta name="author" content="my name">
<meta name="keywords" content="tsiomis athanasios, tsiomis, diekperewseis, forthga, autokinhta, epivatika, Eπιβατικα Iδιωτικης Xρησεως, Φορτηγα Iδιωτικης Χρησεως, Μηχανήματα Έργου, Φορτηγα Δημοσιας ΧρησωςΕΙΧ, ΦΙΧ, ΦΔΧ, ΜΕ, Μεταβιβάσεις, Εκδόσεις αδειών κυκλοφορίας, Έκδοση επαγγελματικών αδειών, Εγκρίσεις Τύπου,
Άδειες, Πινακίδες, Μεταβιβάσεις, Προσωρινές Ακινητοποιήσεις, Οριστικές Διαγραφές, Ακινησίες, Αντίγραφο άδειας κυκλοφορίας λόγω φθοράς ή απώλειας, Αντικατάσταση πινακίδων λόγω φθοράς ή απώλειας, Αλλαγή αδειών κινητήρα - χρώματος,Οριστική διαγραφή για επανεξαγώγη">

αυτά πως θα εμφανίζονται στο google? Επίσης τι άλλο μπορώ να κάνω;

 

ευχαριστώ πολύ!!!

[hostdog]

Καλησπέρα,

εφόσον το website σου αποτελείται από μερικές html σελίδες, είναι αμαρτία να μην είναι 100% SEO friendly.

α) Στο παράδειγμά σου, υποθέτω υπάρχει ήδη <title></title> tag. Μπορείς να αφαιρέσεις επίσης το meta keywords, πλέον ουσιαστικά χρησιμοποιείται είτε καθόλου (google) είτε για αρνητική βαθμολόγηση (bing-yahoo).

β) Υποχρεωτικά βάζεις-συνδέεις τα προϊόντα Google Analytics και Google Webmasters, όπου μπορείς εκτός από search results preview να έχεις και υποδείξεις αν πχ κάποιες σελίδες σου έχουν duplicated tags, titles, descriptions κλπ

γ) Σιγουρέψου ότι περνάς HTML/CSS validation ( http://validator.w3.org ) 1-2 errors και κάνα δυο warnings αν και κρίμα είναι ανεκτά, αλλά 50 errors και 180 warnings όχι 

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

<a target="_blank" href="https://plus.google.com/u/0/107225366642907383885"> <img src="images/googlePlusIcon.png" width="35" height="32" title="Facebook"></img></a>

1) Το google authorship μπαίνει στο link του προφίλ G+, δηλαδή στο anchor element προσθέτεις rel="author" αν διατηρείς ξεχωριστή σελίδα για εσένα και rel="me" για το link προς το G+ profile σου ( https://support.google.com/webmasters/answer/2539557 ) έτσι εμφανίζεται το προφίλ σου δίπλα από τα αποτελέσματα αναζήτησης. Κάτι λέει γίνεται και μέσω mail verification, δεν το έχω δοκιμάσει.

Again, το google webmasters, θα σου δείχνει preview, όπως και για search engines results.

2) Κάθε social network έχει κάποια δικά του meta tags, άλλα το Facebook, άλλα το Twitter (cards) το G+ λέει καταλαβαίνει και του Facebook (Open Graph), γενικά περισσότερες πληροφορίες μπορείς να βρεις στο documentation του κάθε social network.

3) Στο img element καλό είναι να χρησιμοποιούνται εικόνες, όπως ακριβώς εμφανίζονται (και να μην γίνονται resize μέσω HTML/CSS). Το title attribute μάλλον σου έχει ξεφύγει από copy paste. alt tag μπορείς και να μην βάλεις εφόσον είναι "decorative / graphics images" οι συγκεκριμένες ( https://www.hostdog.gr/blog/απαραίτητα-βήματα-για-images-search-engine-optimization )

4) Σε κάποια links θα μπορούσες να προσθέσεις rel="nofollow"

5) Μπορείς να αφαιρέσεις την inline CSS

<li style="width: 80px; //background: orange;" id="menu_li"> 

6) Minify CSS & JavaScript, όχι ότι σερβίρεις τίποτα MB από CSS, αλλά το να σερβίρεις 1 αρχείο, it's a plus
 

<link rel="stylesheet" type="text/css" href="css/indexStyle.css" />
<link rel="stylesheet" type="text/css" href="css/globalStyle.css" />
<link rel="stylesheet" type="text/css" href="css/selectedMenu.css" />

7) Αφαίρεση HTML comments <!-- -->


Σε αυτά έπεσε το μάτι μου με μια γρήγορη ματιά σε ό,τι αφορά το on-page SEO. Το off-page SEO, backlinks κλπ είναι άλλο κεφάλαιο. Γενικά SEO is a living thing, και μόνο με συνεχή παρακολούθηση είτε (φυσικά) από Google webmasters, είτε από μεγάλες εταιρίες του χώρου (SEOmoz), είτε από blogs και forums καλή ώρα, μπορείς να παραμείνεις ενημερωμένος για βέλτιστες πρακτικές.


Φιλικά,
Παναγιώτης

 

[ALR]

<p>Χαίρετε, έχω δημιούργήσει μια σελίδα σε html. Έχω index.html, services.html, contact.php αρχεία μόνο και θέλω όσο μπορώ να βελτιστοποιήσω την αναζήτηση στο google. Επειδή στο συγκεκριμένο task είμαι αρχάριος οτιδήποτε πληροφορία έχετε θα χαρώ να την ακούσω.</p> <p> </p> <p>Αυτά που έχω τώρα είναι:</p> <pre class="_prettyXprint _lang-html"> <meta name="description" content="Διεκπαιρεωσεις αυτοκινήτων και φορτηγών Tsiomis Athanasios"> <meta name="author" content="my name"> <meta name="keywords" content="tsiomis athanasios, tsiomis, diekperewseis, forthga, autokinhta, epivatika, Eπιβατικα Iδιωτικης Xρησεως, Φορτηγα Iδιωτικης Χρησεως, Μηχανήματα Έργου, Φορτηγα Δημοσιας ΧρησωςΕΙΧ, ΦΙΧ, ΦΔΧ, ΜΕ, Μεταβιβάσεις, Εκδόσεις αδειών κυκλοφορίας, Έκδοση επαγγελματικών αδειών, Εγκρίσεις Τύπου, Άδειες, Πινακίδες, Μεταβιβάσεις, Προσωρινές Ακινητοποιήσεις, Οριστικές Διαγραφές, Ακινησίες, Αντίγραφο άδειας κυκλοφορίας λόγω φθοράς ή απώλειας, Αντικατάσταση πινακίδων λόγω φθοράς ή απώλειας, Αλλαγή αδειών κινητήρα - χρώματος,Οριστική διαγραφή για επανεξαγώγη"> </pre> <p>αυτά πως θα εμφανίζονται στο google? Επίσης τι άλλο μπορώ να κάνω;</p> <p> </p> <p>ευχαριστώ πολύ!!! </p>

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

 

Έπειτα, καλο θα ήταν να χρησιμοποιείς semantic tags της HTML5 όπου μπορείς. Πχ αντικατέστησε divs με sections & articles όπου πρεπει.

 

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

 

 

 

Sent from my iPhone using Insomnia

[poscore]

 

Καλησπέρα,

 

εφόσον το website σου αποτελείται από μερικές html σελίδες, είναι αμαρτία να μην είναι 100% SEO friendly.

 

α) Στο παράδειγμά σου, υποθέτω υπάρχει ήδη <title></title> tag. Μπορείς να αφαιρέσεις επίσης το meta keywords, πλέον ουσιαστικά χρησιμοποιείται είτε καθόλου (google) είτε για αρνητική βαθμολόγηση (bing-yahoo).

 

β) Υποχρεωτικά βάζεις-συνδέεις τα προϊόντα Google Analytics και Google Webmasters, όπου μπορείς εκτός από search results preview να έχεις και υποδείξεις αν πχ κάποιες σελίδες σου έχουν duplicated tags, titles, descriptions κλπ

 

γ) Σιγουρέψου ότι περνάς HTML/CSS validation ( http://validator.w3.org ) 1-2 errors και κάνα δυο warnings αν και κρίμα είναι ανεκτά, αλλά 50 errors και 180 warnings όχι 

 

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

 

<a target="_blank" href="https://plus.google.com/u/0/107225366642907383885"> <img src="images/googlePlusIcon.png" width="35" height="32" title="Facebook"></img></a>

1) Το google authorship μπαίνει στο link του προφίλ G+, δηλαδή στο anchor element προσθέτεις rel="author" αν διατηρείς ξεχωριστή σελίδα για εσένα και rel="me" για το link προς το G+ profile σου ( https://support.google.com/webmasters/answer/2539557 ) έτσι εμφανίζεται το προφίλ σου δίπλα από τα αποτελέσματα αναζήτησης. Κάτι λέει γίνεται και μέσω mail verification, δεν το έχω δοκιμάσει.

 

Again, το google webmasters, θα σου δείχνει preview, όπως και για search engines results.

 

2) Κάθε social network έχει κάποια δικά του meta tags, άλλα το Facebook, άλλα το Twitter (cards) το G+ λέει καταλαβαίνει και του Facebook (Open Graph), γενικά περισσότερες πληροφορίες μπορείς να βρεις στο documentation του κάθε social network.

 

3) Στο img element καλό είναι να χρησιμοποιούνται εικόνες, όπως ακριβώς εμφανίζονται (και να μην γίνονται resize μέσω HTML/CSS). Το title attribute μάλλον σου έχει ξεφύγει από copy paste. alt tag μπορείς και να μην βάλεις εφόσον είναι "decorative / graphics images" οι συγκεκριμένες ( https://www.hostdog.gr/blog/απαραίτητα-βήματα-για-images-search-engine-optimization )

 

4) Σε κάποια links θα μπορούσες να προσθέσεις rel="nofollow"

 

5) Μπορείς να αφαιρέσεις την inline CSS

<li style="width: 80px; //background: orange;" id="menu_li"> 

6) Minify CSS & JavaScript, όχι ότι σερβίρεις τίποτα MB από CSS, αλλά το να σερβίρεις 1 αρχείο, it's a plus

 

<link rel="stylesheet" type="text/css" href="css/indexStyle.css" />
<link rel="stylesheet" type="text/css" href="css/globalStyle.css" />
<link rel="stylesheet" type="text/css" href="css/selectedMenu.css" />

7) Αφαίρεση HTML comments <!-- -->

 

 

Σε αυτά έπεσε το μάτι μου με μια γρήγορη ματιά σε ό,τι αφορά το on-page SEO. Το off-page SEO, backlinks κλπ είναι άλλο κεφάλαιο. Γενικά SEO is a living thing, και μόνο με συνεχή παρακολούθηση είτε (φυσικά) από Google webmasters, είτε από μεγάλες εταιρίες του χώρου (SEOmoz), είτε από blogs και forums καλή ώρα, μπορείς να παραμείνεις ενημερωμένος για βέλτιστες πρακτικές.

 

 

Φιλικά,

Παναγιώτης

 

 

Παναγιώτη ΧΙΛΙΑ ευχαριστώ για όλα αυτά...Πολύ χρήσιμες πληροφορίες! Θα ξεκινήσω ένα ένα και ελπίζω να τα καταφέρω και πάλι ΕΥΧΑΡΙΣΤΩ

@ALR keywords τελικά να χρησιμοποιήσω η όχι; :/ επίσης html5 είναι σίγουρα καλό; την υποστηρίζουν όλοι οι browser? τα κινητα;

[ALR]

Δεν ξέρω τι να κάνεις με τα keywords. HTML5 είναι σίγουρα καλό. Όποιοι browsers δεν την υποστηρίζουν (απαρχαιωμένοι πλέον) υπάρχει fall back σε απλή html, οπότε δεν υπάρχει πρόβλημα.

 

Τα κινητά ειδικά γουστάρουν πολύ html5