{"id":17134,"date":"2022-04-06T09:00:40","date_gmt":"2022-04-06T13:00:40","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=17134"},"modified":"2024-06-08T22:01:09","modified_gmt":"2024-06-09T02:01:09","slug":"web-writing-crash-course-3-structure","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2022\/web-writing-crash-course-3-structure\/","title":{"rendered":"Web Writing Crash Course: 3. Structure"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Web Writing Crash Course: 3. Structure\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p>Welcome back to the Web Writing Crash Course, where we share tips on how to write enticing web content.<\/p>\n\n\n\n<p>Did you know that the way you structure your content can greatly affect scannability and accessibility? In this issue, we will go over some tips to make your page as scannable and accessible to your audience as possible!<\/p>\n\n\n\n<h2 id=\"structure-tip-1-structure-your-content-into-an-inverted-pyramid\" class=\"wp-block-heading\">Structure Tip #1: Structure your content into an \u201cInverted Pyramid\u201d<\/h2>\n\n\n\n<figure class=\"wp-block-image alignright wp-image-17140\"><img decoding=\"async\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/800px-Inverted_pyramid_2.svg_-400x341.png\" alt=\"An inverted pyramid. Top of the pyramid: Most newsworthy info (who? what? when? where? why? how?). Middle of the pyramid: Important details. Bottom of the pyramid: other general info, background info.\" class=\"wp-image-17140\"\/><figcaption class=\"wp-element-caption\">Image source: Wikipedia<\/figcaption><\/figure>\n\n\n\n<p>In other words, place the most important information at the top, followed by less important information.<\/p>\n\n\n\n<p>There are a few benefits to doing this:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Having the main point(s) in the first sentence or paragraph tells your visitors whether the page has the information they are looking for.<\/li>\n\n\n\n<li>As the most valued information is at the top, visitors can get the main idea without scrolling through the entire post.<\/li>\n<\/ul>\n\n\n\n<p>For example, if your page is about an event, key information such as event name, date and location should be displayed at the top of the page. Supporting details such as event description and registration information would follow. Less important information such as event organizers and additional resources can be listed at the bottom of the page.<\/p>\n\n\n\n<h2 id=\"structure-tip-2-have-a-clear-call-to-action\" class=\"wp-block-heading\">Structure Tip #2: Have a clear Call to Action<\/h2>\n\n\n\n<p>Ending a web page with a clear call to action (CTA) lets the audience know what they need to do next. Do you want them to contact someone for more information? How about registering for an event or reading related blog posts?<\/p>\n\n\n\n<p>A common practice is to have the CTA at the end of the page, after the Inverted Pyramid. When crafting your CTAs, go for short and succinct expressions that start with action verbs, such as \u201cApply\u201d, \u201cContact Us\u201d or \u201cRead More\u201d. On Carleton CMS, you can make your CTA stand out by adding a <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/advanced-training\/module-3-advanced-post-elements\/buttons\/\">button<\/a> on your page!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-17299 size-thumbnail\"><img decoding=\"async\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-03-22-at-2.50.33-PM-160x68.png\" alt=\"\" class=\"wp-image-17299\"\/><figcaption class=\"wp-element-caption\">Example of a button<\/figcaption><\/figure>\n\n\n\n<h2 id=\"structure-tip-3-write-short-focused-paragraphs\" class=\"wp-block-heading\">Structure Tip #3: Write short, focused paragraphs<\/h2>\n\n\n\n<p>Try to stick to only one idea per paragraph. This will keep your paragraphs short and easier to scan. The recommended paragraph length is 50 words.<\/p>\n\n\n\n<p>Breaking a big block of text into smaller paragraphs will also create white space around your text, allowing your readers to \u201cbreathe\u201d and reorient themselves while going through your post.<\/p>\n\n\n\n<h2 id=\"structure-tip-4-use-headings\" class=\"wp-block-heading\">Structure Tip #4: Use Headings<\/h2>\n\n\n\n<p>If your post has many paragraphs, it is useful to divide them into sections using <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/basic-training\/module-3-post-elements\/text\/#sect1.2\">Headings<\/a>.<\/p>\n\n\n\n<p>Headings help readers quickly scan your content and identify which section of the post is relevant to them. Additionally, Carleton CMS and cuTheme automatically generate a <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/basic-training\/module-2-types-of-content\/pages\/#sect1.4\">table of contents<\/a> based on your headings, which aids site visitors to navigate your content.<\/p>\n\n\n\n<p>When creating headings, make sure they are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Short and concise<\/strong> &#8211; The recommended length is 64 characters or less.<\/li>\n\n\n\n<li><strong>Descriptive and relevant to the section content<\/strong> &#8211; If you were a visitor to this page, would you expect to find this information under this section heading?<\/li>\n\n\n\n<li><strong>Nested under a heading 1 level higher<\/strong> &#8211; For example, a Heading 4 should not be nested in a Heading 2, as this is not good for accessibility.<\/li>\n<\/ul>\n\n\n\n<p>And those are our tips on how to structure your content. We\u2019ll see you next week with some formatting tricks to make your page more interactive and engaging!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome back to the Web Writing Crash Course, where we share tips on how to write enticing web content. Did you know that the way you structure your content can greatly affect scannability and accessibility? In this issue, we will go over some tips to make your page as scannable and accessible to your audience [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[276],"tags":[],"class_list":["post-17134","post","type-post","status-publish","format-standard","hentry","category-tips-and-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/17134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=17134"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/17134\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=17134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=17134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=17134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}