Crafting good
web content

  • WYSIWYG editors like MS Word have made it too easy to not think about the underlying structure of a document.
     

  • HTML on the other hand requires that you think about and correctly implement this structure to give the content meaning.

The problem

  1. Content is not described properly, which affects search engine rankings and users of
    assistive technologies (like screen readers).
     

  2. Content is not styled as per designed/intended.

This disconnect causes the quality of web content to be affected

  1. Semantic markup requires that HTML elements be used according to their intended purpose.
     

  2. Semantic markup requires the separation of content and presentation.

POSH (Plain Old Semantic Markup)

Paragraphs

The Roosters have been very sound defensively throughout the year and trusted each other, regardless of the changes they've had to make. Paul Momirovski was playing his second NRL game on Saturday and didn't let anyone down because of the trust they've built throughout the year.

<p>
</p>

Joseph Manu has come a long way defensively. He's had his issues in the past but he's been able to hold that centre spot down. Teams come down and attack their line and come away with nothing, and then Cronk goes down and rolls it in or they score a try.

<p>
</p>

Paragraphs

The future is now.
 

As our nib Newcastle Knights head into 2019 with great potential and promise, our digital content is set for a relaunch.
 

The team that brought you 'Project Pearce', the documentary tracking Mitchell Pearce's recovery from a torn pectoral has revamped all Knights content ahead of next season.
 

Knights digital will give you unprecedented access to the team and players.
 

With more engaging interviews, behind the scenes vision and exclusive content, supporters have never been so spoiled for choice.
 

After launching the 'Our Town Our Team' podcast mid-year, the audio show will return in 2019 with new interviews with past and current players.
 

Throughout the pre-season, we will be launching several unique video pieces including a weekly documentary series 'Be The Player' tracking the team in a fly on the wall look at the NRL pre-season.

You can view this documentary every Friday afternoon from November 9.
 

In March, we will launch 'Untold Stories' where the legends share weekly insights about previous game and their careers.
 

And that's only the beginning.
 

From weekly injury updates, signings news, Facebook live streams and much more.

 

<p>
</p>
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 
<br /> <br /> 

Headings

  • Headings define and group the logical structure of the content
     
  • There are 6 levels of headings, but we only use 3
     
  • They're extremely important to use correctly

Headings

Heading level 1

<h1>

Heading level 2

Heading level 3

Heading level 2

Heading level 2

Heading level 3

<h2>
<h3>
<h2>
<h2>
<h3>
</h1>
</h2>
</h3>
</h2>
</h2>
</h3>

Headings

Terms of Use

<h1>

Conduct of Users

Prohibited Material

Our liability

Users’ liability

Waiver

<h2>
<h3>
<h2>
<h2>
<h3>
</h1>
</h2>
</h3>
</h2>
</h2>
</h3>

Contextual Link Text

  • Always describe link text so it makes sense when read out of context
     
  • Never use “click here”

Smart quotes

" " is not the same as “ ”
' '  is not the same as  ‘ ’

Crafting Good Web Content

By Matt Stow

Crafting Good Web Content

  • 1,674