Six things to think about when writing for the web. Written in 2009 so a bit dated now. Intended as discussion points for journalism education classes.
22. On the left is the front page of the New York Times announcing the outcome of the 2009 US presidential election. On the right is the same story on nytimes.com. The web headline includes âelectedâ and âpresidentâ â keywords.
23.
24. Horse Sense on Frontiers makes sense here when you have the other headline, picture and caption to help. But on its own doesnât make sense. Web headlines need to make sense on their own â give people a reason to click.
25.
26. In addition, on smaller news websites the first paragraph will be automatically picked outâŠ
27. ⊠and used as an âabstractâ on the homepage. So the first paragraph, or intro, needs to sell the story.
28. Thatâs not always the case, though. On bigger news sites, the intro is sometimes rewritten to fit the homepage.
29. Here, nytimes.com has rewritten the storyâs intro to fit a particular space on the homepage.
30.
31. If you scroll down on the nytimes.com Obama storyâŠ
32. ⊠you see that theyâve included a video of Obamaâs victory speech, another of John McCainâs concession speech, an interactive map of the US giving voting results for each state, links to related storiesâŠ.
33. ⊠and links to blogs and readersâ comments on the story. Thereâs a lot more there for readers to engage with than just the story itself
34.
35. Clarity is created here, for example, by putting the headline, byline etc in clear areas and using white space to prevent clutter. There is a gap between each paragraph to make the text stand out and a sans-serif typeface is used, which some studies have shown to be easier to read online than serif type.
36.
37. In this guardian.co.uk story theyâve added links to other science stories, other World news stories, a podcast on a similar topic and stories about dinosaurs.
38. In the nytimes.com Obama story theyâve added links to other stories written about the election and the challenges facing the Obama administration.
39.
40.
Hinweis der Redaktion
A brief outline of what to think about when writing for the web (a session for journalism students).
This presentation gives an overview of six things to think about when writing for the web.
First, make it easy to find. Use keywords in your story, headline and âabstractâ.
Keywords are the words people type into a search engine to find what theyâre looking for.
You might type in the keywords âDunedin World Cupâ to find out whether Dunedin will be hosting any World Cup games.
Sure enough, first up in the Google results is an Otago Daily Times story discussing the World Cup rugby matches that Dunedin will host.
And you can click through to read the story. Thatâs one way people find news stories â by typing keywords into a search engine.
Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra homepageâŠ.
⊠or Google news page.
You might come across a news story on Twitter...
... or Facebook.
You can also go directly to a news websiteâs homepageâŠ
⊠and browse for news there.
Thatâs three ways to find news you want. So how do most people find news stories?
Roughly half of the visitors to any given news story come to that story via a search engine. Thatâs not an exact figure and it varies from site to site and story to story, but it gives a rough idea of how powerful search can be in driving visitors to your website.
Thatâs three ways to find news you want. So how do most people find news stories?
Because keywords are so fundamental to how search engines work, and so many people find news stories using search, it makes sense to include keywords in your stories.
On the left is the front page of the New York Times announcing the outcome of the 2009 US presidential election. On the right is the same news story carried on nytimes.com. Notice that the web headline includes the words âelectedâ and âpresidentâ â keywords.
Which of these headlines is least likely to be clicked on?
The headline Horse Sense on Frontiers makes sense here when you have the secondary headline, picture and caption to help. But the headline on its own doesnât make sense. Headlines on the web need to make sense on their own â to give people a reason to click.
Again, this is about giving people a reason to read further. Explaining what the story is about in the first paragraph helps the reader decide whether they want to read on.
In addition, on smaller news websites the first paragraph will automatically be picked outâŠ
⊠and used as an âabstractâ on the homepage. So the first paragraph, or intro, needs to sell the story.
Thatâs not always the case, though. On bigger news sites the intro is sometimes rewritten to fit the homepage.
Here, nytimes.com has rewritten the storyâs intro to fit a particular space on the homepage.
This is about giving the reader more to do than just read the text â and hopefully keep them on your website longer.
If you scroll down on the nytimes.com Obama storyâŠ
⊠you see that theyâve included a video of Obamaâs victory speech, another of John McCainâs concession speech, an interactive map of the US giving voting results for each state, links to related storiesâŠ.
⊠and links to blogs and readersâ comments on the story. Thereâs a lot more there for readers to engage with than just the story itself.
Reading online is a different experience to reading on paper. Itâs helpful to make pages as clear and easy to read as possible.
Here, the key elements - headline, byline and date stamp, image/video, text â are all clearly contained within âblocksâ of space. Thereâs plenty of white space used so the page isnât cluttered. There is a space between each paragraph to make the text easier to read, and a sans-serif typeface is used, which a number of studies have shown to be easier to read online than serif type.
Finally, including links to material cited in the story, or that gives more information about the story, can add context, lead readers to other parts of your website, and be a useful service to readers.
In the case of the guardian.co.uk story, theyâve added links to other science stories, other World news stories, a podcast on a similar topic and stories about dinosaurs.
In the case of the nytimes.com Obama story, theyâve added links to other stories written about the election and the challenges facing the Obama administration.