20
Teaching Rocket Science to Brain Surgeons (or why Semantic content matters)

Why Semantic Content matters

Embed Size (px)

DESCRIPTION

Explain to content managers why they need semantic content and how they can create it. Instead of throwing default WYSIWYG editors at people, we need to tailor and limit CMS features to match editors’ tasks. And we should convince them to use semantic content by talking up the benefits of SEO and accessibility.

Citation preview

Page 1: Why Semantic Content matters

Teaching Rocket Science to Brain Surgeons(or why Semantic content matters)

Page 2: Why Semantic Content matters

TitleThis is ordinary paragraph text within the body of the document, where certain words and phrases may be emphasized to mark them as particularly important.

HeaderThis is ordinary paragraph text within the body of the document, followed by a list.

• you should always• use lists when

• it makes sense• to do so

• rather than just use return or paragraph

Subheader

"Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away."

Page 3: Why Semantic Content matters

h1paragraph that contains emphasied text and strong text.

h2paragraph ul

• li• li

ol• li• li

• li

h3 "blockquote"

Page 4: Why Semantic Content matters

h1<div class="big-header-for-site-thing><font color="#000011" face="Arial, Helvetica, sans-serif"><p align="left">This is ordinary paragraph text within the body of the document, where certain words and phrases may be<b><font color="#ffff00" size="6"><strong style="color: white;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif;">strong<span style="text-decoration: underline;"></span></span></strong><strong style="color: white;"></strong><br>

Page 5: Why Semantic Content matters
Page 6: Why Semantic Content matters
Page 7: Why Semantic Content matters
Page 8: Why Semantic Content matters

Distraction Free

Efficiency & Productivity

Page 9: Why Semantic Content matters

SEO

Google can understand our content

Page 10: Why Semantic Content matters

Accessibility

Reading text properly

Page 11: Why Semantic Content matters

<strong>

<em>

<del>

<ins>

I am important

I need emphasis

this information was wrong

so I corrected it with this

Page 12: Why Semantic Content matters

<abbr>Abbreviation

Page 13: Why Semantic Content matters

<acronym>

Page 14: Why Semantic Content matters

<sub>subscript

H2O

<sup>superscript

20th

Page 15: Why Semantic Content matters

<quote>

According to Einstein, <q>space can be bent</q>.

<blockquote>

<blockquote>Perfection is achieved, not when there is nothing more to add, but when there is nothing left to

take away.</blockquote>.

Page 16: Why Semantic Content matters

<cite>

According to <cite>Einstein</cite>, <q>space can be bent</q>.

One of my favorite books is <cite title="Author: Lewis Carrol">Through the Looking Glass</cite> by Lewis Carroll.

<blockquote cite="http://antoinedestexupery.com/quotes">Perfection is achieved, not when there is nothing more to add, but when

there is nothing left to take away.</blockquote>.

Page 17: Why Semantic Content matters

Attributes

Page 18: Why Semantic Content matters

Title=""

Page 19: Why Semantic Content matters

Text Directiondir="ltr" or "rtl"

Languagelang="en"

Page 20: Why Semantic Content matters

Think about what you need to do with your content

Always customise your RTE or Wysiwyg