• Internet Marketing
    • Google Analytics
    • Google Tag Manager
    • SEO
    • Content
    • Marketing Automation
    • Social Media
    • PPC
  • Technology
    • Mobile
    • ISP
    • Hosting
    • Tools & Services
  • Resources
    • Useful And Unique Sites
    • Google Analytics Referral Spam Filters
    • Google Analytics URL Builder for Custom UTM Codes
  • Contact
www.gregcruce.com
  • Internet Marketing
    • Google Analytics
    • Google Tag Manager
    • SEO
    • Content
    • Marketing Automation
    • Social Media
    • PPC
  • Technology
    • Mobile
    • ISP
    • Hosting
    • Tools & Services
  • Resources
    • Useful And Unique Sites
    • Google Analytics Referral Spam Filters
    • Google Analytics URL Builder for Custom UTM Codes
  • Contact
25 October 2014

7 Tips For Writing For The Web

Written by Greg Cruce
Content Leave a Comment
Share

Writing copy for the web isn’t the same as writing for a newspaper, book, or ads – it requires understanding how users read online. Understanding that users scan content instead of committing full-force to in-depth reading is required, and this means that our content and style of writing should support the user’s natural reading preference as much as possible.  Thankfully, it’s not difficult to achieve.

Here are 7 tips for how to make your content better online so that users find what they need. Throughout the article, we’ll use an example that we are writing an article for changing a flat tire and we will use the infamous latin text Lorem Ipsum for filler where needed.

Break Up Content Into Sections

Content that is a gigantic run-on paragraph is extremely boring, and it’s also difficult to read.  This method can work well for a book, article, or essay, but online users have the option of leaving your site to find another.  This can lead to an increase in bounce rate for your key landing pages, as well as a short time on site metric.  Here are some examples of good and bad content broken up into sections.

Examples (click bars below to expand):

Content As One Long Section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla placerat aliquam tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed at urna sem. Fusce tempus elementum tortor, eget iaculis felis finibus eu. Vestibulum ut ipsum viverra, hendrerit ex eu, ultricies ipsum. Nunc a libero mauris. Mauris vestibulum metus ut leo imperdiet interdum. Morbi tortor enim, condimentum sed tincidunt vel, ornare non nulla. Donec vel leo eros. Sed vitae nisl quis ipsum viverra volutpat. Proin at risus tortor. Phasellus congue convallis euismod. Morbi dapibus, nibh eget iaculis sagittis, neque velit ultricies diam, sit amet fringilla dui nibh sit amet mi. Duis sed tellus a mi egestas luctus. Nullam lobortis scelerisque ante nec maximus. Proin diam mauris, tincidunt nec erat vel, vulputate tincidunt ante. Vivamus placerat ante arcu, at bibendum neque blandit eu. In hac habitasse platea dictumst. Aenean dui enim, sagittis id congue at, ornare maximus massa. Pellentesque eget dolor lectus. Fusce hendrerit mattis commodo. Etiam at arcu dui. Donec elementum vehicula lorem, a commodo dolor pretium sit amet. Aenean sit amet vehicula dolor. Fusce id nisl vel erat pretium posuere non ut eros. Sed bibendum urna nec velit hendrerit, in malesuada massa congue. Suspendisse in vehicula ipsum. Vestibulum at consequat erat. Vestibulum porta, sem quis aliquam dictum, purus arcu suscipit diam, quis fermentum ipsum odio laoreet ante. Vivamus tristique gravida tellus, rhoncus convallis magna fermentum vitae. Cras nec magna magna. Donec a augue eget tortor dapibus vestibulum vel at neque. Aliquam ac ex vel justo hendrerit porttitor ac id felis.
Content Broken Up Into Sections
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla placerat aliquam tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed at urna sem. Fusce tempus elementum tortor, eget iaculis felis finibus eu. Vestibulum ut ipsum viverra, hendrerit ex eu, ultricies ipsum.

Nunc a libero mauris. Mauris vestibulum metus ut leo imperdiet interdum. Morbi tortor enim, condimentum sed tincidunt vel, ornare non nulla. Donec vel leo eros. Sed vitae nisl quis ipsum viverra volutpat. Proin at risus tortor. Phasellus congue convallis euismod. Morbi dapibus, nibh eget iaculis sagittis, neque velit ultricies diam, sit amet fringilla dui nibh sit amet mi. Duis sed tellus a mi egestas luctus. Nullam lobortis scelerisque ante nec maximus. Proin diam mauris, tincidunt nec erat vel, vulputate tincidunt ante.

Vivamus placerat ante arcu, at bibendum neque blandit eu. In hac habitasse platea dictumst. Aenean dui enim, sagittis id congue at, ornare maximus massa. Pellentesque eget dolor lectus. Fusce hendrerit mattis commodo. Etiam at arcu dui. Donec elementum vehicula lorem, a commodo dolor pretium sit amet. Aenean sit amet vehicula dolor. Fusce id nisl vel erat pretium posuere non ut eros. Sed bibendum urna nec velit hendrerit, in malesuada massa congue.

Suspendisse in vehicula ipsum. Vestibulum at consequat erat. Vestibulum porta, sem quis aliquam dictum, purus arcu suscipit diam, quis fermentum ipsum odio laoreet ante. Vivamus tristique gravida tellus, rhoncus convallis magna fermentum vitae. Cras nec magna magna. Donec a augue eget tortor dapibus vestibulum vel at neque. Aliquam ac ex vel justo hendrerit porttitor ac id felis.

From the above examples, we can see the the last section, Content Broken Up Into Sections, has the best readabilty and allows the user to scan the content at will.  Writing content this way certainly allows for better readability, and helps users who prefer to scan content.

Putting a Call To Action between sections is another great way to break up content.

Use One Topic Per Paragraph

This compliments the first point – if every major section has a different header, then every paragraph should revolve around a single topic.  This makes it easier to digest content, as well as makes the writing neater and clean.

Also, don’t be afraid to have short paragraphs.  As long as the topic is unique and seperate from the previous topic, most of the time it will warrant being used in a separate paragraph.

Use Section Headers

Further enhancing our first point is to use section headers to break up long content and summarize the section.  This is the greatest way to allow users to scan your content, and is the easiest way to improve readability.  Furthering our content example above, we will add some sample headers to improve readability.

Examples (click bar below to expand):

Content Broken Up Into Sections
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla placerat aliquam tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed at urna sem. Fusce tempus elementum tortor, eget iaculis felis finibus eu. Vestibulum ut ipsum viverra, hendrerit ex eu, ultricies ipsum.

Nunc a libero mauris. Mauris vestibulum metus ut leo imperdiet interdum. Morbi tortor enim, condimentum sed tincidunt vel, ornare non nulla. Donec vel leo eros. Sed vitae nisl quis ipsum viverra volutpat. Proin at risus tortor. Phasellus congue convallis euismod. Morbi dapibus, nibh eget iaculis sagittis, neque velit ultricies diam, sit amet fringilla dui nibh sit amet mi. Duis sed tellus a mi egestas luctus. Nullam lobortis scelerisque ante nec maximus. Proin diam mauris, tincidunt nec erat vel, vulputate tincidunt ante.

Vivamus placerat ante arcu, at bibendum neque blandit eu. In hac habitasse platea dictumst. Aenean dui enim, sagittis id congue at, ornare maximus massa. Pellentesque eget dolor lectus. Fusce hendrerit mattis commodo. Etiam at arcu dui. Donec elementum vehicula lorem, a commodo dolor pretium sit amet. Aenean sit amet vehicula dolor. Fusce id nisl vel erat pretium posuere non ut eros. Sed bibendum urna nec velit hendrerit, in malesuada massa congue.

Suspendisse in vehicula ipsum. Vestibulum at consequat erat. Vestibulum porta, sem quis aliquam dictum, purus arcu suscipit diam, quis fermentum ipsum odio laoreet ante. Vivamus tristique gravida tellus, rhoncus convallis magna fermentum vitae. Cras nec magna magna. Donec a augue eget tortor dapibus vestibulum vel at neque. Aliquam ac ex vel justo hendrerit porttitor ac id felis.

Content Broken Up Into Sections With Headers

How To Change A Flat Tire

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla placerat aliquam tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed at urna sem. Fusce tempus elementum tortor, eget iaculis felis finibus eu. Vestibulum ut ipsum viverra, hendrerit ex eu, ultricies ipsum.

Tools And Skills You Will Need

Nunc a libero mauris. Mauris vestibulum metus ut leo imperdiet interdum. Morbi tortor enim, condimentum sed tincidunt vel, ornare non nulla. Donec vel leo eros. Sed vitae nisl quis ipsum viverra volutpat. Proin at risus tortor. Phasellus congue convallis euismod. Morbi dapibus, nibh eget iaculis sagittis, neque velit ultricies diam, sit amet fringilla dui nibh sit amet mi. Duis sed tellus a mi egestas luctus. Nullam lobortis scelerisque ante nec maximus. Proin diam mauris, tincidunt nec erat vel, vulputate tincidunt ante.

Steps To Change The Tire

Vivamus placerat ante arcu, at bibendum neque blandit eu. In hac habitasse platea dictumst. Aenean dui enim, sagittis id congue at, ornare maximus massa. Pellentesque eget dolor lectus. Fusce hendrerit mattis commodo. Etiam at arcu dui. Donec elementum vehicula lorem, a commodo dolor pretium sit amet. Aenean sit amet vehicula dolor. Fusce id nisl vel erat pretium posuere non ut eros. Sed bibendum urna nec velit hendrerit, in malesuada massa congue.

Cleaning Up And Safety

Suspendisse in vehicula ipsum. Vestibulum at consequat erat. Vestibulum porta, sem quis aliquam dictum, purus arcu suscipit diam, quis fermentum ipsum odio laoreet ante. Vivamus tristique gravida tellus, rhoncus convallis magna fermentum vitae. Cras nec magna magna. Donec a augue eget tortor dapibus vestibulum vel at neque. Aliquam ac ex vel justo hendrerit porttitor ac id felis.

We can see that with the addition of section headers, we’ve really helped our users out by giving them a short, descriptive summary about the section.

Using HTML H1-H6 tags as section headers is a great SEO optimization technique

Modify Lists To Become Bullet Points

Whenever your content calls for a list of items, consider putting that content into a bulleted list.  Lists are a great way to draw the eye to a specially designed element, while noting that the elements are of a list.  Take a look at the following.

Examples:

Content Without Bullet Points
Changing a flat tire is a necessary evil to owning a car.  Thankfully, your car should come with the tools you need included.  Here is a basic list of items you’ll need – jack, lug wrench, spare tire, gloves, knowledge of a jack point (or car instruction manual)…
Content Without Bullet Points
Changing a flat tire is a necessary evil to owning a car.  Thankfully, your car should come with the tools you need included.  Here is a basic list of items you’ll need:
  • jack
  • lug wrench
  • spare tire
  • gloves
  • knowledge of a jack point (or car’s instruction manual)
  • …

From the above example, the bulleted list is a far superior way to showcase needed items.  That’s because lists support the idea that one item per line is used, and is easier for a visitor to scan versus having the information presented as a sentence.

Format Strategically

In some paragraphs, you may wish to call our or highlight specific items – things such as an industry term, or a page’s main topic or phrase.  In this case using bold tags, or italic tags inside of your content can help accentuate and make the content easier to scan as well.

Sometimes, your design or WordPress theme may include tools that can help create special attention-grabbing sections.  One such tool that I highly recommend is WP Shortcode by MyThemeShop.  It’s very flexible and offers many options to format content.

Include Relevant Images

A picture is worth a thousand words

The above statement is a wise proverb.  In writing for the web, it can prove invaluable in many ways – photos and images can help to break up content into readable sections, while also helping to tell a story that words alone could not.

Use Photos To Break Up Content

Using a photo to help visually break up content can help create “digestable” chunks of information, if the image fill the width of the content, as seen above.  If you don’t have images that are that large, you can use them as asides to the content to help create a sense of flow.

How-To and Instructional Content Photos

This is a no-brainer.  If your content is based around an instructional theme, adding visuals will most certainly help users.  Imagine in our tire scenario describing where a jack point is, what it is for, where it is located at on a car, and how to set up a jack stand to secure the car. Now, consider using a photo to tell that story.

car jack point and stand

It’s much easier to describe certain situations, with photos, so that users can see where and how.  Consider taking your own photos, using screen captures, or using free stock photography to help tell your story.

Include Links To Relevant Content

Sometimes your content will need to build upon itself, or make presumptions about a topic or method that the user may or may not already be familiar with.  Linking to other pages for a topic (whether on your site, or on another respected authority site) helps your users who may need additional information or may need to brush up on the subject.  They also allow you a great SEO opportunity to deep link to content on your own site.

Closing

In short, writing content for the Internet is not difficult, but it does require much more thought about how users read, and being accommodating towards their reading style.  If you have any tips for writing for the web, leave a comment below.

Join other digital marketers who have a head start

Free online marketing tips and resources delivered to your inbox

No charge. Unsubscribe anytime

Stock Photography, Writing For The Web
Greg Cruce

Greg has over 20 years of combined experience in the disciplines of web development, computer programming, IT, and Internet marketing and strategy. This unique skillset allows for powerful insights from consulting, strategy, execution and analysis.

Leave a Reply

Cancel reply

www.gregcruce.com

The professional blog by Greg Cruce, an Internet and Digital Marketing professional.

  • About Me
  • Subscribe to RSS
  • Connect via LinkedIn
  • Connect via Twitter

Posts

  • Google Analytics Property ID - Where And How To Find It
    Google Analytics Property ID – Where And How To Find It
  • Exclude Internal Traffic With A Dynamic IP Address In Google Analytics
    Exclude Internal Traffic With A Dynamic IP Address In Google Analytics
  • Free Stock Photography
    5 Great Free Stock Photography Sites

Services

  • Google Analytics Consulting
copyright www.gregcruce.com