SEO vs στυλ: Προσαρμοσμένο μέγεθος στην h1, h2 σε HTML

Μας προτείνουν διάφοροι γκουρού SEO να χρησιμοποιούμε ως (υπο) επικεφαλίδες στο άρθρο <h1></h1> και να συμπεριλαμβάνουμε εκεί και κανα δύο λέξεις κλειδιά. Η Google δίνει σημασία λέγεται. Το θέμα είναι ότι η επικεφαλίδα h1 είναι τεράστια και άρα κακόγουστη. Θα χρησιμοποιήσουμε λοιπόν h1 αλλά θα την μικρύνουμε με CSS. Inline CSS. Εύκολο.

Υπάρχουν τριών ειδών css styles. Εξωτερικό, embedded, inline.
Με το inline CSS επεμβαίνουμε σε ένα στοιχείο στη συγκεκριμένη σελίδα μας κάθε φορά. Δείτε και μια Εισαγωγή στο CSS.

Καταρχήν δεν είναι απαραίτητο να το κάνετε όλη την ώρα, δεν είναι το μόνο για SEO. Είπαμε και μερικά χρήσιμα εισαγωγικά για βασικό SEO παλιότερα.



Πως προσαρμόζουμε, μικραίνουμε, την επικεφαλίδα h1, h2 κλπ


Ενώ γράφουμε το άρθρο, πατάμε επεξεργασία HTML. Βρίσκουμε που ακριβώς θα μπεί η επικεφαλίδα h1. Γράφουμε πχ

<h1 style="font-size: 130%">Αυτό είναι μια δοκιμαστική προσαρμοσμένη επικεφαλίδα</h1>

Παρακάτω θα δείτε, όσοι δεν ξέρετε, τι κάνει το h1. Έχουμε εισαγωγικά άρθρα για κατασκευή ιστοσελίδων. Δείτε τα.

Δείτε τη διαφορά προσαρμοσμένης και κανονικής h1. Φυσικά μπορείτε να παίξετε με αυτό το 130. Κλικ για κανονικό μέγεθος, είναι εικόνα της σελίδας:

Φυσικά αυτά που είπαμε για το πως προσαρμόζουμε(μικραίνουμε το μέγεθος) του h1 ισχύουν και για τις επικεφαλίδες h2, h3, h4, h5, h6. h1 είναι η μεγαλύτερη, h6 η μικρότερη.