Why Semantic Content matters

Preview:

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

Teaching Rocket Science to Brain Surgeons(or 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."

h1paragraph that contains emphasied text and strong text.

h2paragraph ul

• li• li

ol• li• li

• li

h3 "blockquote"

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>

Distraction Free

Efficiency & Productivity

SEO

Google can understand our content

Accessibility

Reading text properly

<strong>

<em>

<del>

<ins>

I am important

I need emphasis

this information was wrong

so I corrected it with this

<abbr>Abbreviation

<acronym>

<sub>subscript

H2O

<sup>superscript

20th

<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>.

<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>.

Attributes

Title=""

Text Directiondir="ltr" or "rtl"

Languagelang="en"

Think about what you need to do with your content

Always customise your RTE or Wysiwyg