SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Ähnlich wie Writing for the Web (tips for journalism students)

Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the PageJeff 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
 
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.Joost de Valk
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?Johan Koren
 
What is #CareerGravity
What is #CareerGravityWhat is #CareerGravity
What is #CareerGravity#CareerGravity
 
The Elements of a Good Headline
The Elements of a Good HeadlineThe Elements of a Good Headline
The Elements of a Good HeadlineEric Athas
 
Every page is page one (www1214)
Every page is page one (www1214)Every page is page one (www1214)
Every page is page one (www1214)Mark Baker
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?Johan Koren
 
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 CollectionsShawn Jones
 
Apture + slideshare
Apture + slideshareApture + slideshare
Apture + slideshareapture
 
What is the Semantic Web
What is the Semantic WebWhat is the Semantic Web
What is the Semantic WebIvan Herman
 

Ähnlich wie 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
 

Mehr von Julie Starr

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 Julie Starr
 
How Central Government Works
How Central Government WorksHow Central Government Works
How Central Government WorksJulie Starr
 
Introduction to Wolfram Alpha
Introduction to Wolfram AlphaIntroduction to Wolfram Alpha
Introduction to Wolfram AlphaJulie Starr
 
Search Engines In A Nutshell
Search  Engines In A  NutshellSearch  Engines In A  Nutshell
Search Engines In A NutshellJulie Starr
 
How Newspaper Newsrooms Work
How Newspaper Newsrooms WorkHow Newspaper Newsrooms Work
How Newspaper Newsrooms WorkJulie Starr
 
Efest: New face of journalism
Efest: New face of journalismEfest: New face of journalism
Efest: New face of journalismJulie Starr
 

Mehr von 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
 

Kürzlich hochgeladen

15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdf15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
13042024_First India Newspaper Jaipur.pdf
13042024_First India Newspaper Jaipur.pdf13042024_First India Newspaper Jaipur.pdf
13042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...
Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...
Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...The Lifesciences Magazine
 
Power in International Relations (Pol 5)
Power in International Relations (Pol 5)Power in International Relations (Pol 5)
Power in International Relations (Pol 5)ssuser583c35
 
Political-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptxPolitical-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptxSasikiranMarri
 
16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdf16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
Transforming Andhra Pradesh: TDP's Legacy in Road Connectivity
Transforming Andhra Pradesh: TDP's Legacy in Road ConnectivityTransforming Andhra Pradesh: TDP's Legacy in Road Connectivity
Transforming Andhra Pradesh: TDP's Legacy in Road Connectivitynarsireddynannuri1
 
Foreign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptxForeign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptxunark75
 
Geostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.pptGeostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.pptUsmanKaran
 
lok sabha Elections in india- 2024 .pptx
lok sabha Elections in india- 2024 .pptxlok sabha Elections in india- 2024 .pptx
lok sabha Elections in india- 2024 .pptxdigiyvbmrkt
 
Emerging issues in migration policies.ppt
Emerging issues in migration policies.pptEmerging issues in migration policies.ppt
Emerging issues in migration policies.pptNandinituteja1
 
12042024_First India Newspaper Jaipur.pdf
12042024_First India Newspaper Jaipur.pdf12042024_First India Newspaper Jaipur.pdf
12042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
14042024_First India Newspaper Jaipur.pdf
14042024_First India Newspaper Jaipur.pdf14042024_First India Newspaper Jaipur.pdf
14042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
11042024_First India Newspaper Jaipur.pdf
11042024_First India Newspaper Jaipur.pdf11042024_First India Newspaper Jaipur.pdf
11042024_First India Newspaper Jaipur.pdfFIRST INDIA
 

Kürzlich hochgeladen (14)

15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdf15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdf
 
13042024_First India Newspaper Jaipur.pdf
13042024_First India Newspaper Jaipur.pdf13042024_First India Newspaper Jaipur.pdf
13042024_First India Newspaper Jaipur.pdf
 
Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...
Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...
Mitochondrial Fusion Vital for Adult Brain Function and Disease Understanding...
 
Power in International Relations (Pol 5)
Power in International Relations (Pol 5)Power in International Relations (Pol 5)
Power in International Relations (Pol 5)
 
Political-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptxPolitical-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptx
 
16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdf16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdf
 
Transforming Andhra Pradesh: TDP's Legacy in Road Connectivity
Transforming Andhra Pradesh: TDP's Legacy in Road ConnectivityTransforming Andhra Pradesh: TDP's Legacy in Road Connectivity
Transforming Andhra Pradesh: TDP's Legacy in Road Connectivity
 
Foreign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptxForeign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptx
 
Geostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.pptGeostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.ppt
 
lok sabha Elections in india- 2024 .pptx
lok sabha Elections in india- 2024 .pptxlok sabha Elections in india- 2024 .pptx
lok sabha Elections in india- 2024 .pptx
 
Emerging issues in migration policies.ppt
Emerging issues in migration policies.pptEmerging issues in migration policies.ppt
Emerging issues in migration policies.ppt
 
12042024_First India Newspaper Jaipur.pdf
12042024_First India Newspaper Jaipur.pdf12042024_First India Newspaper Jaipur.pdf
12042024_First India Newspaper Jaipur.pdf
 
14042024_First India Newspaper Jaipur.pdf
14042024_First India Newspaper Jaipur.pdf14042024_First India Newspaper Jaipur.pdf
14042024_First India Newspaper Jaipur.pdf
 
11042024_First India Newspaper Jaipur.pdf
11042024_First India Newspaper Jaipur.pdf11042024_First India Newspaper Jaipur.pdf
11042024_First India Newspaper Jaipur.pdf
 

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