{"id":2442,"date":"2021-07-14T22:44:38","date_gmt":"2021-07-14T20:44:38","guid":{"rendered":"https:\/\/www.gutron.fr\/nicolas\/?p=2442"},"modified":"2021-07-14T22:48:57","modified_gmt":"2021-07-14T20:48:57","slug":"how-to-effectively-write-for-the-web","status":"publish","type":"post","link":"https:\/\/www.gutron.fr\/nicolas\/how-to-effectively-write-for-the-web\/","title":{"rendered":"How to effectively write for the web?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Writing for the web is not rocket science. The web is full of valuable resources about the topic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&rsquo;s one more: I am sharing a recap of what I&rsquo;ve learnt about it, til today:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Why search is important?<\/strong><\/li><li><strong>Why writing for the web is any different?<\/strong><\/li><li><strong>The checklist to effectively write for the web<\/strong><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Not sure you\u2019ll learn something <em>new<\/em> today. But I&rsquo;ve put things together and I&rsquo;m sharing advices on how to write for the web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why search engines are important?<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">A quick reminder: <strong>What is search engine optimization?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>SEO<\/strong> is the practice of <strong>increasing the quality and quantity of traffic<\/strong> to your website through organic search engine results.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/2-what-is-seo-search-engine-optimization-1024x576.png\" alt=\"\" class=\"wp-image-2436\" srcset=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/2-what-is-seo-search-engine-optimization-1024x576.png 1024w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/2-what-is-seo-search-engine-optimization-250x141.png 250w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/2-what-is-seo-search-engine-optimization-768x432.png 768w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/2-what-is-seo-search-engine-optimization.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>On-Page SEO<\/strong>: It\u2019s all about <strong>your content<\/strong> \u2013 in-depth, user-firendly, unique, authoritative and trustworthy, aligned with user search intent ; and <strong>your site<\/strong> \u2013 link quality, load speed, URL structure, mobile friendliness, page metadata.<\/li><li><strong>Off-Page SEO<\/strong> refers to actions taken<strong> outside of your site<\/strong> to impact your rankings within search engine results pages: backlinks, social media, guest blogging etc.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Search engine marketing (SEM)<\/strong> involves the promotion of websites by increasing their visibility in search engine results pages (SERPs) primarily through <strong>paid advertising<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SEM is the wider discipline that incorporates SEO.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why does search matter?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here are key facts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/3-why-search-engine-optimization-seo-1024x576.png\" alt=\"\" class=\"wp-image-2437\" srcset=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/3-why-search-engine-optimization-seo-1024x576.png 1024w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/3-why-search-engine-optimization-seo-250x141.png 250w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/3-why-search-engine-optimization-seo-768x432.png 768w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/3-why-search-engine-optimization-seo.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>One third of worldwide website traffic started with a search query in 2019 <a href=\"https:\/\/www.statista.com\/\">according to Statista<\/a>.<\/li><li><a href=\"https:\/\/siteefy.com\/\">Siteefy<\/a> counts 1.2 billion websites. Strangely enough, it\u2019s decreasing but let\u2019s face it: we\u2019re not alone!<\/li><li>Most of these websites have the same goals: increase business value and raise brand awareness.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Be found from search engines can surely help. Hello search!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>The evolution of search engine optimization over time<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is the SEO history part of my blog, <a href=\"https:\/\/www.enchantingmarketing.com\/\">largely inspired by Enchanting Marketing<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/4-a-concise-history-of-seo-1024x576.png\" alt=\"\" class=\"wp-image-2438\" srcset=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/4-a-concise-history-of-seo-1024x576.png 1024w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/4-a-concise-history-of-seo-250x141.png 250w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/4-a-concise-history-of-seo-768x432.png 768w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/4-a-concise-history-of-seo.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Coming back as far as in the 2000s.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Back then <em>keyword<\/em> you were <em>keyword<\/em> writing just for key<em>word keyword keyword<\/em> search. Reader? What reader? Search wanted <em>keywords keywords keywords<\/em>. Ok, you got it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Shortly after,<strong> the 2010s and the awareness of the reader<\/strong>. Because yes, as crazy at it sounds, search engine objective is to provide <strong>relevant<\/strong> results to readers. If readers are unhappy, not only they won\u2019t come back to the suggested site, but they might try another search engine!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So let\u2019s go away from hidden satellite pages and keyword stuffing and look a bit more at the site and page content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>And now the 2020s:<\/strong> algorithms are getting very sophisticated, almost able to read web content as a reader. With not a perfect sense of irony and humour, of course. But they\u2019re getting close. How close? <strong>If you focus on good quality content, a bit of keyword research and site performance, that\u2019s called good SEO.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why writing for the web is any different from writing for printed materials?<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Because we&rsquo;re not reading web pages, <strong>we&rsquo;re scanning<\/strong>.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.nngroup.com\/\">According to a study from NN Group<\/a>, a web reader is looking at 158 spots in just 14 seconds. The corresponding eye pattern is called the pinball pattern. It defines well the action &lsquo;scanning content on a page&rsquo;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/5-how-we-read-online-1024x576.png\" alt=\"\" class=\"wp-image-2439\" srcset=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/5-how-we-read-online-1024x576.png 1024w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/5-how-we-read-online-250x141.png 250w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/5-how-we-read-online-768x432.png 768w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/5-how-we-read-online.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We need to focus on key points that allow better scanning:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Use <strong>plain language<\/strong>. Ban jargon and ambiguous words. Avoid unusual words.<\/li><li>Prefer <strong>short sentences<\/strong>. The most popular ponctuation mark should be the dot. Dot.<\/li><li>Make the most of <strong>paragraph articulation<\/strong>. Start with what&rsquo;s important. One paragraph = one idea.<\/li><li>Think about an <strong>engaging layout<\/strong>. Clear content structure, visual highlights, images, links.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Writing for the web involves compromises<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On one hand, we\u2019d like to write content highly rated by readers and search.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the other hand, we\u2019ve got internal preferences to cope with.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/6-the-web-writing-compromise-1024x576.png\" alt=\"\" class=\"wp-image-2440\" srcset=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/6-the-web-writing-compromise-1024x576.png 1024w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/6-the-web-writing-compromise-250x141.png 250w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/6-the-web-writing-compromise-768x432.png 768w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/6-the-web-writing-compromise.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Internal stakes<\/strong> can range from brand positioning, marketing messages to tone of voice \u2013 acting as guidelines to follow to represent the company values and style. But sometimes it can extend to internal organizational considerations, use of jargon related to the field of expertise we\u2019re in.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What readers and search engines want? <\/strong>Clarity, relevancy, authority \u2013 understand the topic covered, why we\u2019re talking about it and what we have to say. And of course well laid out content, valuable data, trusted sources \u2013 anything they can share to their network.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Find the right balance to please your audience while still being \u201cyou\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Speak their language, challenge the status quo with jargon and own vocabulary.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The checklist to effectively write for the web<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here comes the checklist. A lot of good sense, really. Nothing crazy I think.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Not to take for granted forever; best practices evolve regularly, so I&rsquo;ll keep it updated.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/7-the-checklist-to-write-for-the-web-1024x576.png\" alt=\"\" class=\"wp-image-2441\" srcset=\"https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/7-the-checklist-to-write-for-the-web-1024x576.png 1024w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/7-the-checklist-to-write-for-the-web-250x141.png 250w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/7-the-checklist-to-write-for-the-web-768x432.png 768w, https:\/\/www.gutron.fr\/nicolas\/wp-content\/uploads\/2021\/07\/7-the-checklist-to-write-for-the-web.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Preliminary work<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>Identify a topic<\/li><li>Choose a specific angle (don\u2019t try to cover the topic at large)<\/li><li>Brainstorm on key phrases<\/li><li>Research key phrases to select relevant ones (not too vague, with low competition)<\/li><li>Get trained on the publishing platform (to properly use meta and H1, H2 and H3 tags)<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Writing for the web<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\" start=\"6\"><li>Define your story flow<\/li><li>Fragment and create a logical structure (one paragraph = one idea)<\/li><li>Think about a catchy title (using at least one key phrase)<\/li><li>Write between 500 and 800 words (place key phrases naturally)<\/li><li>Illustrate with pictures (don\u2019t forget credits and alt text)<\/li><li>Show data (and link your source)<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Publishing and beyond<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\" start=\"12\"><li>Make the most of H1, H2 and H3 tags, styles etc.<\/li><li>Fill in title and description metadata tags<\/li><li>Define a reader friendly URL<\/li><li>Think about cross-linking tactic (to and from)<\/li><li>Check metrics (and learn from it)<\/li><li>Revisit after 3-6 months (to maintain accuracy)<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">I hope you enjoyed the read &#8211; or shall I say I hope you enjoyed the scan!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Feel free to share your comments and feedback at <a href=\"mailto:nicolas@gutron.fr\" target=\"_blank\" rel=\"noreferrer noopener\">nicolas@gutron.fr<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Writing for the web is not rocket science. The web is full of valuable resources about the topic. Here&rsquo;s one more: I am sharing a recap of what I&rsquo;ve learnt about it, til today: Why search is important? Why writing for the web is any different? The checklist to effectively [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2435,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[60,8],"tags":[67,69,15],"class_list":["post-2442","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","category-afficher","tag-digital","tag-seo","tag-web"],"_links":{"self":[{"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/posts\/2442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/comments?post=2442"}],"version-history":[{"count":2,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/posts\/2442\/revisions"}],"predecessor-version":[{"id":2444,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/posts\/2442\/revisions\/2444"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/media\/2435"}],"wp:attachment":[{"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/media?parent=2442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/categories?post=2442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gutron.fr\/nicolas\/wp-json\/wp\/v2\/tags?post=2442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}