You slay your SEO? Make sure you do not shoot you a shot in the foot!
In talking with a friend engineer, I realized that the roles of the HTML and CSS are relatively unknown.
Here is a little reminder for you ... basic essential for your SEO!
HTML, this semantic language
HTML is used to structure your content so semantics, IE giving it meaning. Sense to the reader but also makes sense for Google and other robots that populate the landscape.
A simple example: a title.
To write on a page, I have two solutions:
Nothing to do with HTML!
First solution, I write like a paragraph line, then, with my WYSIWYG editor, I give it an appearance of title (size, bold, underline ...).
Your visitors are fire and take it for a good title, reading the text will not be disturbed.
By cons, Google will consider not as a title but as any paragraph (Google does not see the appearance, he sees only the HTML): farewell the weight of your keywords wisely placed in a "title "! Farewell SEO!
HTML, my savior
Second solution (and only to remember): Use HTML "h2" tag (or h3, h4 ... depending on the level of importance of your title).
This way you blow twofold threefold: first, the browser will automatically display as a title (and yes, it also reads the HTML), IE fat and large.
So, your visitors are happy: they understand that this is a title and reading the text is not disturbed.
Finally, Google understands that this is a security and enhances the keywords in the text.
The dream! :)
I have here an example of a title, but it remains valid regardless of the tag used. In the eyes of google: a paragraph is not a bulleted list, a link is not a title, an image is not an iframe!
In short, Google calls a spade a spade, and you will not make him think he is a dog in the costuming skillfully.
And CSS in?
CSS precisely, will allow you to give the appearance that you want to elements defined in HTML.
Tired of seeing your bulleted lists like this?
Decorate them as you want , CSS is made for!
We can even go further:
And yes, the menu is nothing more than a smart list. Lists apply to collections of elements of nature, they are ordered (numbered list) or unordered (bulleted list).
The navigation of a website's found in this category, and YET its appearance is not that of a list!
Semantic value = HTML = list of links: So to use HTML tag = "ul" and "li"
Visual aspect = CSS = online without chip: it changes the appearance in the CSS code.
Conclusion
You now have grasped the difference between HTML and CSS . manages the HTML background and CSS form.
This difference is crucial to respect an important principle of the web for better accessibility: the separation of content and form. Why is this important?
Imagine that tomorrow you want to adapt your website to smart phones, you can simply create a CSS file that controls the appearance of your HTML on this device. Your "old" CSS file will continue to be normally used by computer browsers, while the new one will be read by mobile phones.
How would you have done if the content and form were confused?
Find more tips for using HTML and CSS optimally and improve your SEO in my training "Introduction to HTML and CSS" .
In talking with a friend engineer, I realized that the roles of the HTML and CSS are relatively unknown.
Here is a little reminder for you ... basic essential for your SEO!
HTML, this semantic language
HTML is used to structure your content so semantics, IE giving it meaning. Sense to the reader but also makes sense for Google and other robots that populate the landscape.
A simple example: a title.
To write on a page, I have two solutions:
Nothing to do with HTML!
First solution, I write like a paragraph line, then, with my WYSIWYG editor, I give it an appearance of title (size, bold, underline ...).
Your visitors are fire and take it for a good title, reading the text will not be disturbed.
By cons, Google will consider not as a title but as any paragraph (Google does not see the appearance, he sees only the HTML): farewell the weight of your keywords wisely placed in a "title "! Farewell SEO!
HTML, my savior
Second solution (and only to remember): Use HTML "h2" tag (or h3, h4 ... depending on the level of importance of your title).
This way you blow twofold threefold: first, the browser will automatically display as a title (and yes, it also reads the HTML), IE fat and large.
So, your visitors are happy: they understand that this is a title and reading the text is not disturbed.
Finally, Google understands that this is a security and enhances the keywords in the text.
The dream! :)
I have here an example of a title, but it remains valid regardless of the tag used. In the eyes of google: a paragraph is not a bulleted list, a link is not a title, an image is not an iframe!
In short, Google calls a spade a spade, and you will not make him think he is a dog in the costuming skillfully.
And CSS in?
CSS precisely, will allow you to give the appearance that you want to elements defined in HTML.
Tired of seeing your bulleted lists like this?
Decorate them as you want , CSS is made for!
We can even go further:
And yes, the menu is nothing more than a smart list. Lists apply to collections of elements of nature, they are ordered (numbered list) or unordered (bulleted list).
The navigation of a website's found in this category, and YET its appearance is not that of a list!
Semantic value = HTML = list of links: So to use HTML tag = "ul" and "li"
Visual aspect = CSS = online without chip: it changes the appearance in the CSS code.
Conclusion
You now have grasped the difference between HTML and CSS . manages the HTML background and CSS form.
This difference is crucial to respect an important principle of the web for better accessibility: the separation of content and form. Why is this important?
Imagine that tomorrow you want to adapt your website to smart phones, you can simply create a CSS file that controls the appearance of your HTML on this device. Your "old" CSS file will continue to be normally used by computer browsers, while the new one will be read by mobile phones.
How would you have done if the content and form were confused?
Find more tips for using HTML and CSS optimally and improve your SEO in my training "Introduction to HTML and CSS" .
0 comments:
Post a Comment