SlideShare une entreprise Scribd logo
1  sur  47
A brief outline of what to think about when writing for the web (a session for journalism
students).




                                                                                            1
2
3
4
You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will
be hosting any World Cup games.




                                                                                      5
Sure enough, first up in the Google results is an Otago Daily Times story discussing the
World Cup rugby matches that Dunedin will host.




                                                                                           6
And you can click through to read the story. That’s one way people find news stories – by
typing keywords into a search engine.




                                                                                            7
Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra
homepage….




                                                                                          8
… or Google news page.




                         9
You can also go directly to a news website’s homepage…




                                                         10
…and browse for news there.




                              11
That’s three ways to find news you want. So how do most people find news stories?




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




                                                                                                13
14
So how do computers find stories? The web is made up of lots and lots and lots of web
pages.




                                                                                        15
Lots and lots and lots of web pages.




                                       16
When we type keywords into a search box…




                                           17
… the search engine scans the web for pages that feature those keywords.




                                                                           18
It pulls out the pages containing those keywords….




                                                     19
… weighs up how many times the keywords appear, where in the page they appear…




                                                                                 20
… then looks at how many other websites are linking to these pages. This one has just a
few links.




                                                                                          21
This one has lots of links – which means it is more likely to be relevant and useful to you
(because lots of other people have found it useful enough to link to).




                                                                                              22
The search engine then RANKS all the pages - according to how many times the
keywords appeared, where they appeared, and how many websites link to the pages –
and displays the results with the most relevant page at the top.




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




                                                                                      24
25
26
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.




                                                                                         27
Which of these headlines is least likely to be clicked on?




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




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




                                                                                            31
In addition, on smaller news websites the first paragraph will be automatically picked
out…




                                                                                         32
…and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to
sell the story.




                                                                                         33
That’s not always the case, though. On bigger news sites, the intro is sometimes
rewritten to fit the homepage.




                                                                                   34
Here, nytimes.com has rewritten the story’s intro to fit a particular space on the
homepage.




                                                                                     35
This is about giving the reader more to do than just read the text – and hopefully
keeping them on your website longer.




                                                                                     36
If you scroll down on the nytimes.com Obama story…




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




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




                                                                                        39
Reading online is a different experience to reading print. It’s helpful to make pages as
clear and easy to read as possible.




                                                                                           40
The Guardian does that here in a few ways. 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 – you can see quickly where the
headline is, for example. There is a space between each paragraph, which makes the text
easier to read, and a sans-serif typeface has been chosen, which a number of studies
have shown to be easier to read online than serif type (although some people disagree).




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




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




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




                                                                                           44
45
46
47

Contenu connexe

Similaire à Writing for the Web (tips for journalism students)

Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the Page
Jeff Eaton
 
Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)
DirectionFirst
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?
Johan Koren
 
The Elements of a Good Headline
The Elements of a Good HeadlineThe Elements of a Good Headline
The Elements of a Good Headline
Eric Athas
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?
Johan Koren
 

Similaire à Writing for the Web (tips for journalism students) (20)

In the Court of the Content King
In the Court of the Content KingIn the Court of the Content King
In the Court of the Content King
 
Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the Page
 
Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the Page
 
Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)
 
WordCamp Bulgaria: Making sure your content is found.
WordCamp Bulgaria: Making sure your content is found.WordCamp Bulgaria: Making sure your content is found.
WordCamp Bulgaria: Making sure your content is found.
 
Web 3.0?
Web 3.0?Web 3.0?
Web 3.0?
 
Shared interest graph
Shared interest graphShared interest graph
Shared interest graph
 
The Evolution of Web 3.0
The Evolution of Web 3.0The Evolution of Web 3.0
The Evolution of Web 3.0
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?
 
What is #CareerGravity
What is #CareerGravityWhat is #CareerGravity
What is #CareerGravity
 
The Elements of a Good Headline
The Elements of a Good HeadlineThe Elements of a Good Headline
The Elements of a Good Headline
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Every page is page one (www1214)
Every page is page one (www1214)Every page is page one (www1214)
Every page is page one (www1214)
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?
 
Where Can We Post Stories Summarizing Web Archive Collections
Where Can We Post Stories Summarizing Web Archive CollectionsWhere Can We Post Stories Summarizing Web Archive Collections
Where Can We Post Stories Summarizing Web Archive Collections
 
Apture + slideshare
Apture + slideshareApture + slideshare
Apture + slideshare
 
What is the Semantic Web
What is the Semantic WebWhat is the Semantic Web
What is the Semantic Web
 

Plus de Julie Starr

Plus de Julie Starr (7)

How to sell digital projects to your boss
How to sell digital projects to your boss How to sell digital projects to your boss
How to sell digital projects to your boss
 
How Central Government Works
How Central Government WorksHow Central Government Works
How Central Government Works
 
Introduction to Wolfram Alpha
Introduction to Wolfram AlphaIntroduction to Wolfram Alpha
Introduction to Wolfram Alpha
 
Search Tips
Search TipsSearch Tips
Search Tips
 
Search Engines In A Nutshell
Search  Engines In A  NutshellSearch  Engines In A  Nutshell
Search Engines In A Nutshell
 
How Newspaper Newsrooms Work
How Newspaper Newsrooms WorkHow Newspaper Newsrooms Work
How Newspaper Newsrooms Work
 
Efest: New face of journalism
Efest: New face of journalismEfest: New face of journalism
Efest: New face of journalism
 

Dernier

THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
Faga1939
 

Dernier (20)

Verified Love Spells in Little Rock, AR (310) 882-6330 Get My Ex-Lover Back
Verified Love Spells in Little Rock, AR (310) 882-6330 Get My Ex-Lover BackVerified Love Spells in Little Rock, AR (310) 882-6330 Get My Ex-Lover Back
Verified Love Spells in Little Rock, AR (310) 882-6330 Get My Ex-Lover Back
 
BDSM⚡Call Girls in Greater Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Greater Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Greater Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Greater Noida Escorts >༒8448380779 Escort Service
 
AI as Research Assistant: Upscaling Content Analysis to Identify Patterns of ...
AI as Research Assistant: Upscaling Content Analysis to Identify Patterns of ...AI as Research Assistant: Upscaling Content Analysis to Identify Patterns of ...
AI as Research Assistant: Upscaling Content Analysis to Identify Patterns of ...
 
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdhEmbed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
 
Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 46 (Gurgaon)
Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 46 (Gurgaon)Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 46 (Gurgaon)
Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 46 (Gurgaon)
 
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
 
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
 
06052024_First India Newspaper Jaipur.pdf
06052024_First India Newspaper Jaipur.pdf06052024_First India Newspaper Jaipur.pdf
06052024_First India Newspaper Jaipur.pdf
 
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreieGujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
 
declarationleaders_sd_re_greens_theleft_5.pdf
declarationleaders_sd_re_greens_theleft_5.pdfdeclarationleaders_sd_re_greens_theleft_5.pdf
declarationleaders_sd_re_greens_theleft_5.pdf
 
Nara Chandrababu Naidu's Visionary Policies For Andhra Pradesh's Development
Nara Chandrababu Naidu's Visionary Policies For Andhra Pradesh's DevelopmentNara Chandrababu Naidu's Visionary Policies For Andhra Pradesh's Development
Nara Chandrababu Naidu's Visionary Policies For Andhra Pradesh's Development
 
05052024_First India Newspaper Jaipur.pdf
05052024_First India Newspaper Jaipur.pdf05052024_First India Newspaper Jaipur.pdf
05052024_First India Newspaper Jaipur.pdf
 
Enjoy Night ≽ 8448380779 ≼ Call Girls In Palam Vihar (Gurgaon)
Enjoy Night ≽ 8448380779 ≼ Call Girls In Palam Vihar (Gurgaon)Enjoy Night ≽ 8448380779 ≼ Call Girls In Palam Vihar (Gurgaon)
Enjoy Night ≽ 8448380779 ≼ Call Girls In Palam Vihar (Gurgaon)
 
Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...
Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...
Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...
 
Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 48 (Gurgaon)
Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 48 (Gurgaon)Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 48 (Gurgaon)
Enjoy Night ≽ 8448380779 ≼ Call Girls In Gurgaon Sector 48 (Gurgaon)
 
Embed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopko
Embed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopkoEmbed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopko
Embed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopko
 
America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...
America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...
America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...
 
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
 
Busty Desi⚡Call Girls in Sector 62 Noida Escorts >༒8448380779 Escort Service
Busty Desi⚡Call Girls in Sector 62 Noida Escorts >༒8448380779 Escort ServiceBusty Desi⚡Call Girls in Sector 62 Noida Escorts >༒8448380779 Escort Service
Busty Desi⚡Call Girls in Sector 62 Noida Escorts >༒8448380779 Escort Service
 
Group_5_US-China Trade War to understand the trade
Group_5_US-China Trade War to understand the tradeGroup_5_US-China Trade War to understand the trade
Group_5_US-China Trade War to understand the trade
 

Writing for the Web (tips for journalism students)

  • 1. A brief outline of what to think about when writing for the web (a session for journalism students). 1
  • 2. 2
  • 3. 3
  • 4. 4
  • 5. You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will be hosting any World Cup games. 5
  • 6. Sure enough, first up in the Google results is an Otago Daily Times story discussing the World Cup rugby matches that Dunedin will host. 6
  • 7. And you can click through to read the story. That’s one way people find news stories – by typing keywords into a search engine. 7
  • 8. Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra homepage…. 8
  • 9. … or Google news page. 9
  • 10. You can also go directly to a news website’s homepage… 10
  • 11. …and browse for news there. 11
  • 12. That’s three ways to find news you want. So how do most people find news stories? 12
  • 13. 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. 13
  • 14. 14
  • 15. So how do computers find stories? The web is made up of lots and lots and lots of web pages. 15
  • 16. Lots and lots and lots of web pages. 16
  • 17. When we type keywords into a search box… 17
  • 18. … the search engine scans the web for pages that feature those keywords. 18
  • 19. It pulls out the pages containing those keywords…. 19
  • 20. … weighs up how many times the keywords appear, where in the page they appear… 20
  • 21. … then looks at how many other websites are linking to these pages. This one has just a few links. 21
  • 22. This one has lots of links – which means it is more likely to be relevant and useful to you (because lots of other people have found it useful enough to link to). 22
  • 23. The search engine then RANKS all the pages - according to how many times the keywords appeared, where they appeared, and how many websites link to the pages – and displays the results with the most relevant page at the top. 23
  • 24. 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. 24
  • 25. 25
  • 26. 26
  • 27. 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. 27
  • 28. Which of these headlines is least likely to be clicked on? 28
  • 29. 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. 29
  • 30. 30
  • 31. 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. 31
  • 32. In addition, on smaller news websites the first paragraph will be automatically picked out… 32
  • 33. …and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to sell the story. 33
  • 34. That’s not always the case, though. On bigger news sites, the intro is sometimes rewritten to fit the homepage. 34
  • 35. Here, nytimes.com has rewritten the story’s intro to fit a particular space on the homepage. 35
  • 36. This is about giving the reader more to do than just read the text – and hopefully keeping them on your website longer. 36
  • 37. If you scroll down on the nytimes.com Obama story… 37
  • 38. … 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…. 38
  • 39. … 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. 39
  • 40. Reading online is a different experience to reading print. It’s helpful to make pages as clear and easy to read as possible. 40
  • 41. The Guardian does that here in a few ways. 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 – you can see quickly where the headline is, for example. There is a space between each paragraph, which makes the text easier to read, and a sans-serif typeface has been chosen, which a number of studies have shown to be easier to read online than serif type (although some people disagree). 41
  • 42. 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. 42
  • 43. 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. 43
  • 44. 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. 44
  • 45. 45
  • 46. 46
  • 47. 47