{"id":7582,"date":"2020-12-01T17:51:00","date_gmt":"2020-12-01T17:51:00","guid":{"rendered":"https:\/\/www.crimsondesigns.com\/blog\/?p=7582"},"modified":"2023-11-15T14:47:30","modified_gmt":"2023-11-15T14:47:30","slug":"10-reader-friendly-website-tips","status":"publish","type":"post","link":"https:\/\/www.crimsondesigns.com\/blog\/10-reader-friendly-website-tips\/","title":{"rendered":"10 Reader Friendly Website Tips"},"content":{"rendered":"<p><strong>When creating online content, do you pay attention to readability?<\/strong><\/p>\n<p>Hard-to-read content can frustrate your online readers. If it\u2019s not reader-friendly, you\u2019ll have trouble getting your message across.<br \/>\n<!--more--><\/p>\n<h2>Make your Content Easy to Scan<\/h2>\n<p>Help your website visitors make sense of your topic right away by, first, making each page easy to scan. Then they can dig deeper into the sections they want to read.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8122\" src=\"https:\/\/www.crimsondesigns.com\/blog\/wp-content\/uploads\/2020\/11\/easy-to-scan-content-reader-friendly.gif\" alt=\"Easy-to-scan content is reader-friendly.\" width=\"636\" height=\"345\"><figcaption><strong>Easy-to-scan content is reader-friendly.<\/strong><\/figcaption><\/figure>\n<ul id=\"block-5de04559-3b99-4b9b-b777-0534bb3b8bad\">\n<li><strong>Start with contrast. <\/strong>Add high contrast between the text and the page background. If the contrast ratio is too low, it will lead to reader fatigue.<\/li>\n<li><strong>Use headings and subheadings.<\/strong> They will break up your content into easier-to-read sections. Headings and subheadings will also help visitors get a sense of the structure and organization of your web page. Use simple words, sentences and paragraphs too.<\/li>\n<\/ul>\n<h2>Make your Content Easy to Read<\/h2>\n<ul>\n<li><strong>Be sure to left align your paragraph text.<\/strong> Online readers rely on the left margin to help their eyes find the next line. Without a consistent left margin, your paragraphs become a chore.<\/li>\n<li><strong>Pay attention to line length and line height.<\/strong> If the paragraphs across a page are too wide or the lines too tight, your copy will be difficult to read. Readers might have trouble jumping from one line to the next. Look closely at your font size and style too. Use sans-serif fonts for your paragraphs.<\/li>\n<li><strong>Utilize plenty of white space.<\/strong> White space influences the flow of content and forces the eye to focus on the text.<\/li>\n<li><strong>Add relevant images and captions. <\/strong>They will help tell your story, break up the text and draw your reader further down the page.<\/li>\n<li><strong>Add ordered and unordered lists.<\/strong> They will also help break up a long wall of text. Lists are easy to scan and help organize your content.<\/li>\n<\/ul>\n<h2>Don\u2019t Forget your Mobile Readers<\/h2>\n<ul>\n<li>Make sure your text and graphics are viewable on large and small screens. (<strong>Don\u2019t make your mobile readers pinch and zoom.<\/strong>)<\/li>\n<\/ul>\n<h2><strong>10 Reader-Friendly Tips in an Infographic <\/strong><\/h2>\n<p>For a more detailed explanation of these tips, read <a href=\"https:\/\/www.crimsondesigns.com\/blog\/10-reader-friendly-tweaks-for-thumbs-up-website-ratings\/\">10 Reader-Friendly Tweaks for Better Website Ratings<\/a>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8066\" src=\"https:\/\/www.crimsondesigns.com\/blog\/wp-content\/uploads\/2020\/10\/10-reader-friendly-website-tips-infographic.gif\" alt=\"10 Reader-Friendly Website Tips - Infographic\" width=\"600\" height=\"900\"><\/figure>\n<p>Text Alternative for \u201c10 Reader-Friendly Website Tips [INFOGRAPHIC]\u201d<\/p>\n<ul>\n<li>Make your content easy to scan.<\/li>\n<li>Utilize headings and subheadings.<\/li>\n<li>Choose a readable font.<\/li>\n<li>Left align paragraph text.<\/li>\n<li>Fine-tune line length and width.<\/li>\n<li>Add white space for comfort.<\/li>\n<li>Include images and captions.<\/li>\n<li>Use ordered and unordered lists.<\/li>\n<li>Add high contrast between text and its background.<\/li>\n<li>Make your content mobile-friendly.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>When creating online content, do you pay attention to readability? Hard-to-read content can frustrate your online readers. If it\u2019s not reader-friendly, you\u2019ll have trouble getting your message across.<\/p>\n","protected":false},"author":1,"featured_media":7666,"comment_status":"closed","ping_status":"close","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-7582","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-small-business","8":"cat-3-id","9":"has_thumb"},"_links":{"self":[{"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/7582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=7582"}],"version-history":[{"count":1,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/7582\/revisions"}],"predecessor-version":[{"id":7607,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/7582\/revisions\/7607"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/media\/7666"}],"wp:attachment":[{"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=7582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=7582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crimsondesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=7582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}