{"id":6777,"date":"2026-07-07T17:54:22","date_gmt":"2026-07-07T07:54:22","guid":{"rendered":"https:\/\/mediaplusdigital.co\/au\/?p=6777"},"modified":"2026-07-07T17:55:51","modified_gmt":"2026-07-07T07:55:51","slug":"website-dos-and-donts","status":"publish","type":"post","link":"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/","title":{"rendered":"Website Dos and Don&#8217;ts: The 2026 Checklist That Decides Whether Your Site Converts"},"content":{"rendered":"<p class=\"p1\">Most websites do not fail because of one dramatic mistake. They fail because of a dozen small ones: a menu that hides the important page, a hero image that takes four seconds to load, a contact form that asks for eleven fields, body text set in a decorative font nobody can read on a phone. Each problem looks minor on its own. Stacked together, they quietly send visitors to a competitor.<\/p>\n<p class=\"p1\">The basics decide conversion more than any trend does. Google&#8217;s research on mobile pages found that as page load time goes from one second to three seconds, the probability of a bounce increases by 32 percent (Google\/SOASTA, 2017). The Baymard Institute puts the average documented cart abandonment rate at around 70 percent, with a large share tied to friction that good design removes. Getting the fundamentals right is cheaper than any paid campaign, because you are keeping the traffic you already paid for.<\/p>\n<p class=\"p1\">This guide sets out the dos and don&#8217;ts across the ten areas that matter most, in plain tables you can check your own site against. If you would rather hand the whole list to someone, our <a href=\"https:\/\/mediaplusdigital.co\/au\/web-design-development\/\"><span class=\"s1\">web design and development team<\/span><\/a> works through exactly these categories on every build.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/div>\n<label for=\"ez-toc-cssicon-toggle-item-6ac0a5bd883d4\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ac0a5bd883d4\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Design_and_layout\" >Design and layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Navigation_and_UX\" >Navigation and UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Content_and_copy\" >Content and copy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Mobile_and_responsive\" >Mobile and responsive<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Page_speed_and_Core_Web_Vitals\" >Page speed and Core Web Vitals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#SEO_basics\" >SEO basics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Accessibility_WCAG_22_AA\" >Accessibility (WCAG 2.2 AA)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Forms_and_CTAs\" >Forms and CTAs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Trust_and_security\" >Trust and security<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Maintenance\" >Maintenance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#The_short_version_top_5_dos_and_top_5_donts\" >The short version: top 5 dos and top 5 don&#8217;ts<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Top_5_dos\" >Top 5 dos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Top_5_donts\" >Top 5 don&#8217;ts<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Frequently_asked_questions\" >Frequently asked questions<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#What_are_the_most_important_website_dos_and_donts_for_a_small_business\" >What are the most important website dos and don&#8217;ts for a small business?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#How_many_colours_and_fonts_should_a_website_use\" >How many colours and fonts should a website use?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Do_Core_Web_Vitals_really_affect_my_Google_ranking\" >Do Core Web Vitals really affect my Google ranking?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#What_does_WCAG_22_AA_mean_in_practice\" >What does WCAG 2.2 AA mean in practice?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#How_often_should_I_update_or_maintain_my_website\" >How often should I update or maintain my website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#How_many_fields_should_a_contact_form_have\" >How many fields should a contact form have?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Should_I_fix_my_current_site_or_rebuild_it\" >Should I fix my current site or rebuild it?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/mediaplusdigital.co\/au\/website-dos-and-donts\/#Getting_the_fundamentals_right\" >Getting the fundamentals right<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Design_and_layout\"><\/span>Design and layout<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Design is not decoration. It is the order in which a visitor&#8217;s eye moves down the page, and whether that order matches what you want them to do. Good visual hierarchy makes the headline, the offer and the button the first three things a person notices.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use white space to separate sections and let content breathe<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Cram every fold with text, banners and badges<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Build a clear visual hierarchy so the eye lands on the headline, then the offer, then the CTA<\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Give five elements equal visual weight so nothing stands out<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Stick to two or three brand colours plus neutrals<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use more colours than the brand palette allows<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep body text at 16px or larger with generous line height<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Set paragraphs in script or display fonts<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Reuse the same header, footer and button styles site-wide<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Redesign each page so the site feels like five different sites<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"p1\">For a deeper walk-through of layout theory, see our guide to <a href=\"https:\/\/mediaplusdigital.co\/au\/essential-web-design-principles\/\"><span class=\"s1\">essential web design principles<\/span><\/a>, and if you want to know what to avoid specifically, our roundup of common <a href=\"https:\/\/mediaplusdigital.co\/au\/website-design-mistakes\/\"><span class=\"s1\">website design mistakes<\/span><\/a> covers the ones we see most often.<\/p>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Navigation_and_UX\"><\/span>Navigation and UX<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">If people cannot find a page, it may as well not exist. Navigation should be so obvious that visitors never stop to think about where to click. The classic Nielsen Norman guidance still holds: match the words in your menu to the words your customers use, not your internal jargon.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep the main menu to about five to seven items<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Dump twenty links into one dropdown<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Label menu items with plain words people search for<\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Use clever or internal names (&#8220;Solutions Hub&#8221;) nobody understands<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Make the logo link back to the home page<\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Hide navigation behind a hamburger menu on desktop for no reason<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Show users where they are with active states or breadcrumbs<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Leave people guessing which section they are in<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Add a visible search box on content-heavy sites<\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Rely on scroll hijacking or auto-playing carousels that take control away<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"p1\">Navigation is where user experience is won or lost. If the terms UX and UI are blurry, our explainer on <a href=\"https:\/\/mediaplusdigital.co\/au\/what-is-ux\/\"><span class=\"s1\">what UX is<\/span><\/a> breaks down the difference and why it changes conversion rates.<\/p>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Content_and_copy\"><\/span>Content and copy<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Visitors skim before they read. Eye-tracking work from Nielsen Norman Group shows people read web pages in an F-shaped pattern, skipping most of the middle of long paragraphs. Copy has to be scannable or it will be ignored.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Front-load the value in the first sentence of each section<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Bury the point three paragraphs down<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Break content into short paragraphs, subheadings and lists<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Publish walls of text with no visual breaks<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Write in the customer&#8217;s language and answer their actual questions<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Fill pages with vague marketing padding<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use one clear message per page<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Ask a page to sell three unrelated things at once<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep a consistent, human tone<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Overload copy with buzzwords and superlatives<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Mobile_and_responsive\"><\/span>Mobile and responsive<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">More than 60 percent of web traffic in Australia now comes from mobile devices (Statcounter, 2025 data). Google also indexes the mobile version of your site first, so the phone experience is the one that decides your rankings, not the desktop one.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Design mobile-first, then scale up to desktop<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Treat mobile as a shrunk-down afterthought<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Make tap targets at least 44 by 44 pixels with space around them<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Place tiny links so close that fingers hit the wrong one<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Test on real devices, not just a browser resize<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Assume it works because it looks fine on your laptop<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep forms and menus thumb-friendly<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Force pinch-zooming to read body text<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Compress and serve appropriately sized images per breakpoint<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Load a 3000px hero image onto a phone<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"p1\">For the technical side of getting this right across every screen, see our guide to <a href=\"https:\/\/mediaplusdigital.co\/au\/responsive-web-design-best-practices\/\"><span class=\"s1\">responsive web design best practices<\/span><\/a>.<\/p>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Page_speed_and_Core_Web_Vitals\"><\/span>Page speed and Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Speed is now a ranking factor and a conversion factor at the same time. Google&#8217;s Core Web Vitals set specific, measurable targets that a &#8220;good&#8221; page should meet for at least 75 percent of visits (Google, 2024).<\/p>\n<ul class=\"ul1\">\n<li class=\"li3\"><b>Largest Contentful Paint (LCP):<\/b> 2.5 seconds or faster.<\/li>\n<li class=\"li3\"><b>Interaction to Next Paint (INP):<\/b> 200 milliseconds or less (INP replaced First Input Delay as a Core Web Vital in March 2024).<\/li>\n<li class=\"li3\"><b>Cumulative Layout Shift (CLS):<\/b> 0.1 or less.<\/li>\n<\/ul>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Serve images in modern formats (WebP or AVIF) and lazy-load below the fold<\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p3\">Upload full-resolution PNGs straight from the camera<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Reserve space for images and ads to prevent layout shift<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Let the page jump around as elements load in<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Minify CSS and JavaScript and defer non-critical scripts<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Stack ten third-party scripts and plugins you never audit<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use a CDN and caching<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Host everything on one slow shared server<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Measure with PageSpeed Insights and real-user data<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Guess at speed by how fast it feels on your own fast connection<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"p1\">Our full breakdown of <a href=\"https:\/\/mediaplusdigital.co\/au\/core-web-vitals-explained\/\"><span class=\"s1\">Core Web Vitals<\/span><\/a> explains how to diagnose and fix each metric.<\/p>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"SEO_basics\"><\/span>SEO basics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">You can have a beautiful site that no one finds. On-page SEO fundamentals make sure search engines can crawl, understand and rank your pages. None of this is exotic; it is mostly discipline.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Give every page a unique title tag and meta description<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Leave duplicate or auto-generated titles across pages<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use one H1 per page and a logical heading structure<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Skip heading levels or use them just for styling<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Write descriptive, keyword-aware URLs and alt text<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Stuff keywords unnaturally into copy and tags<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Add internal links between related pages<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Orphan pages with no links pointing to them<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Submit an XML sitemap and fix crawl errors<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Block important pages in robots.txt by accident<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Accessibility_WCAG_22_AA\"><\/span>Accessibility (WCAG 2.2 AA)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Accessibility is both an ethical baseline and, increasingly, a legal one. In Australia, the Disability Discrimination Act 1992 applies to websites, and public sector sites are held to the Web Content Accessibility Guidelines. WCAG 2.2 became the W3C recommended standard in October 2023, and AA is the level most organisations aim for. An accessible site is also easier for everyone to use.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep text contrast at 4.5:1 or higher against its background<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Put light grey text on a white background<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Add descriptive alt text to meaningful images<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Leave alt attributes empty on informative images<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Make every function usable by keyboard alone<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Trap keyboard users in a menu or modal they cannot exit<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Label form fields properly and link errors to their field<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Rely on colour alone to signal a required field or an error<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use real headings and semantic HTML<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Fake structure with bold text and manual spacing<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Forms_and_CTAs\"><\/span>Forms and CTAs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">The form is where a browsing visitor turns into a lead. Every extra field is a reason to leave. Baymard Institute research on checkout forms found the average checkout can be reduced to around eight fields, roughly half of what most sites use.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Ask only for the fields you genuinely need<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Demand phone, company and address to download a PDF<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Use one clear primary call to action per page<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Surround the button with five competing links<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Write action-specific button text (&#8220;Get my quote&#8221;)<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Label every button &#8220;Submit&#8221; or &#8220;Click here&#8221;<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Show inline validation and a clear success message<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Reset the whole form when one field is wrong<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Make the CTA visually distinct and repeated on long pages<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Hide the only button below the fold in a muted colour<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Trust_and_security\"><\/span>Trust and security<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">People will not hand over a card number, or even an email, to a site that feels unsafe. Trust signals and basic security are conversion features, not just IT chores.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Serve the whole site over HTTPS with a valid certificate<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Run any page, especially checkout, on plain HTTP<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Show real reviews, logos, guarantees and an ABN<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Fake testimonials or use stock &#8220;5 stars&#8221; with no name<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Publish a clear privacy policy and contact details<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Hide who you are behind a form-only contact page<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Display security and payment badges near the checkout<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Ask for payment on a page with no visible reassurance<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep the CMS, plugins and themes patched<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Leave known vulnerabilities open for months<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Maintenance\"><\/span>Maintenance<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">A website is not a one-off project; it is a living thing that decays without attention. Broken links, outdated content and un-patched plugins accumulate quietly until something breaks in public.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Do<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p3\">Don&#8217;t<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Run scheduled backups you have actually tested restoring<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Assume your host has a backup until you need it<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Update the CMS, plugins and dependencies on a schedule<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Leave everything auto-updating with no monitoring<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Check for broken links and fix 404s regularly<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Let dead links and orphaned pages pile up<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Review analytics and content freshness each quarter<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Publish once and never look at the page again<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Keep a staging site for testing changes<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p3\">Edit live and hope nothing breaks<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"p1\">Launching cleanly sets the tone for all of this. Our <a href=\"https:\/\/mediaplusdigital.co\/au\/website-go-live-checklist\/\"><span class=\"s1\">website go-live checklist<\/span><\/a> covers the final pass before you publish, and for WordPress builds specifically, our <a href=\"https:\/\/mediaplusdigital.co\/au\/wordpress-website-development\/\"><span class=\"s1\">WordPress website development<\/span><\/a> team handles the ongoing patching and hardening.<\/p>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"The_short_version_top_5_dos_and_top_5_donts\"><\/span>The short version: top 5 dos and top 5 don&#8217;ts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">If you only remember ten things from this guide, make it these.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Top_5_dos\"><\/span><b>Top 5 dos<\/b><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol class=\"ol1\">\n<li class=\"li3\">Design mobile-first and test on real phones.<\/li>\n<li class=\"li3\">Hit the Core Web Vitals targets (LCP under 2.5s, INP under 200ms, CLS under 0.1).<\/li>\n<li class=\"li3\">Keep navigation to a handful of plainly labelled items.<\/li>\n<li class=\"li3\">Meet WCAG 2.2 AA contrast and keyboard basics.<\/li>\n<li class=\"li1\">Cut every form down to the fields you truly need.<\/li>\n<\/ol>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Top_5_donts\"><\/span><b>Top 5 don&#8217;ts<\/b><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol class=\"ol1\">\n<li class=\"li3\">Don&#8217;t bury your call to action or dilute it with competing links.<\/li>\n<li class=\"li3\">Don&#8217;t upload huge unoptimised images.<\/li>\n<li class=\"li3\">Don&#8217;t use script or display fonts for body text.<\/li>\n<li class=\"li3\">Don&#8217;t run checkout or forms on non-HTTPS pages.<\/li>\n<li class=\"li4\">Don&#8217;t launch and forget; broken links and stale plugins cost you rankings and trust.<\/li>\n<\/ol>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Frequently_asked_questions\"><\/span>Frequently asked questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"What_are_the_most_important_website_dos_and_donts_for_a_small_business\"><\/span><b>What are the most important website dos and don&#8217;ts for a small business?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Start with speed, mobile and a clear call to action. A fast, mobile-friendly page with one obvious next step will out-convert a beautiful but slow site every time. After that, fix navigation and trust signals like reviews and an HTTPS padlock.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"How_many_colours_and_fonts_should_a_website_use\"><\/span><b>How many colours and fonts should a website use?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">As a rule of thumb, stick to two or three brand colours plus neutral greys, and no more than two typefaces (one for headings, one for body). Consistency reads as credibility; variety for its own sake reads as amateur.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Do_Core_Web_Vitals_really_affect_my_Google_ranking\"><\/span><b>Do Core Web Vitals really affect my Google ranking?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Yes. They are a confirmed Google ranking signal as part of the page experience system. They rarely outweigh strong, relevant content, but between two similar pages the faster, more stable one has the edge. Meeting the &#8220;good&#8221; thresholds also lowers your bounce rate regardless of ranking.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"What_does_WCAG_22_AA_mean_in_practice\"><\/span><b>What does WCAG 2.2 AA mean in practice?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">It is the accessibility standard most Australian organisations aim for. In practice it means readable colour contrast (4.5:1 for normal text), full keyboard operability, properly labelled forms, and descriptive alt text. It benefits every visitor, not only those using assistive technology.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"How_often_should_I_update_or_maintain_my_website\"><\/span><b>How often should I update or maintain my website?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Apply security and plugin updates monthly at least, review content and analytics quarterly, and run a full technical check (links, speed, forms) twice a year. Backups should run automatically and be tested periodically so you know a restore actually works.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"How_many_fields_should_a_contact_form_have\"><\/span><b>How many fields should a contact form have?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Only the ones you will actually use. For a lead form, name and email plus one qualifying question is usually enough. Every additional field lowers completion, so if a field will not change how you respond, cut it.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Should_I_fix_my_current_site_or_rebuild_it\"><\/span><b>Should I fix my current site or rebuild it?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">If the problems are content, speed and a few layout fixes, improving the existing site is usually the better value. If navigation, structure and mobile experience are all fighting you, a rebuild on modern foundations often costs less over two years than patching an old one.<\/p>\n<h2 class=\"p2\"><span class=\"ez-toc-section\" id=\"Getting_the_fundamentals_right\"><\/span>Getting the fundamentals right<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">None of these dos and don&#8217;ts are difficult on their own. The hard part is doing all of them, consistently, across every page, and keeping them true as the site grows. That is the work: not chasing the newest trend, but getting the basics right and keeping them right.<\/p>\n<p class=\"p1\">If you would like a second pair of eyes on where your site sits against this checklist, the <a href=\"https:\/\/mediaplusdigital.co\/au\/web-design-development\/\"><span class=\"s1\">MediaPlus Digital web design team in Melbourne<\/span><\/a> can audit it and map out the fixes worth making first. And if search visibility is the goal, pairing a clean build with our <a href=\"https:\/\/mediaplusdigital.co\/au\/search-engine-optimization-seo\/\"><span class=\"s1\">SEO service<\/span><\/a> turns a well-built site into one people can actually find.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most websites do not fail because of one dramatic mistake. They fail because of a dozen small ones: a menu that hides the important page, a hero image that takes four seconds to load, a contact form that asks for eleven fields, body text set in a decorative font nobody can read on a phone. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-6777","post","type-post","status-publish","format-standard","hentry","category-website-design-and-development"],"_links":{"self":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts\/6777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/comments?post=6777"}],"version-history":[{"count":0,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts\/6777\/revisions"}],"wp:attachment":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/media?parent=6777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/categories?post=6777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/tags?post=6777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}