[{"data":1,"prerenderedAt":1924},["ShallowReactive",2],{"i-lucide:chevron-down":3,"i-lucide:menu":8,"i-heroicons:envelope":10,"resource-/resources/web-design/small-business-website-checklist":12,"related-resources-/resources/web-design/small-business-website-checklist":749,"i-lucide:arrow-left":1917,"i-heroicons:chevron-right-20-solid":1919,"i-lucide:hash":1922},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75\"/>",{"id":13,"title":14,"author":15,"body":16,"date":730,"description":731,"extension":732,"image":733,"meta":734,"navigation":735,"path":736,"readTime":737,"seo":738,"service":739,"stem":740,"tags":741,"type":747,"__hash__":748},"resources/resources/web-design/small-business-website-checklist.md","Small Business Website Checklist: 15 Must-Haves for 2026","Fieldgates Team",{"type":17,"value":18,"toc":702},"minimark",[19,23,26,31,34,40,59,62,66,69,74,97,100,104,107,112,129,132,136,139,144,164,173,177,180,185,205,208,212,220,225,242,249,253,256,261,299,302,306,309,314,340,343,347,350,355,372,375,379,382,387,407,410,414,417,422,439,451,455,458,463,492,495,499,502,507,530,533,537,544,549,569,575,579,582,587,613,616,624,628,648,652,657,665,669,672,676,683,687,695,699],[20,21,22],"p",{},"A successful small business website in 2026 needs to do more than look professional. It must load fast, rank in search engines, convert visitors into leads, meet accessibility standards, and work flawlessly on every device. This checklist covers the 15 essential elements your website needs to deliver real business results, with practical guidance on what each item means and how to implement it.",[20,24,25],{},"Whether you are building a new website or auditing an existing one, work through this checklist item by item. Every element included here directly impacts either your visibility in search results, your ability to convert visitors, or the trust and credibility your website conveys.",[27,28,30],"h2",{"id":29},"_1-mobile-responsive-design","1. Mobile-responsive design",[20,32,33],{},"More than 60% of web traffic now comes from mobile devices. Google uses mobile-first indexing, meaning it primarily evaluates the mobile version of your website when determining search rankings. A website that does not work well on phones and tablets is invisible to the majority of your potential customers.",[20,35,36],{},[37,38,39],"strong",{},"What this means in practice:",[41,42,43,47,50,53,56],"ul",{},[44,45,46],"li",{},"Your layout should adapt fluidly to any screen size without horizontal scrolling",[44,48,49],{},"Navigation should collapse into a hamburger menu or similar mobile-friendly pattern",[44,51,52],{},"Touch targets (buttons, links) should be at least 44x44 pixels",[44,54,55],{},"Text should be readable without pinching or zooming (minimum 16px base font size)",[44,57,58],{},"Forms should be easy to fill out on a phone with appropriately sized input fields",[20,60,61],{},"Test your site on multiple real devices, not just browser resizing. Chrome DevTools and BrowserStack are useful, but nothing replaces testing on actual phones.",[27,63,65],{"id":64},"_2-fast-load-times-under-3-seconds","2. Fast load times (under 3 seconds)",[20,67,68],{},"53% of mobile users abandon a site that takes longer than 3 seconds to load. Google's Core Web Vitals — Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS) — are confirmed ranking factors. Speed is not optional.",[20,70,71],{},[37,72,73],{},"How to achieve fast load times:",[41,75,76,79,82,85,88,91,94],{},[44,77,78],{},"Compress and serve images in modern formats (WebP or AVIF)",[44,80,81],{},"Minimize CSS and JavaScript files",[44,83,84],{},"Use a Content Delivery Network (CDN) to serve assets from nearby servers",[44,86,87],{},"Enable browser caching for returning visitors",[44,89,90],{},"Choose quality hosting — shared hosting with a $5/month plan is not sufficient for business-critical websites",[44,92,93],{},"Lazy-load images and videos below the fold",[44,95,96],{},"Eliminate render-blocking resources",[20,98,99],{},"Run your site through Google PageSpeed Insights and aim for scores of 90 or above on both mobile and desktop. The investment in performance directly translates to lower bounce rates and higher conversions.",[27,101,103],{"id":102},"_3-ssl-certificate-https","3. SSL certificate (HTTPS)",[20,105,106],{},"An SSL certificate encrypts the connection between your website and your visitors' browsers. Google has used HTTPS as a ranking signal since 2014, and modern browsers display \"Not Secure\" warnings for sites without it. For any site that collects information — even a simple contact form — SSL is a legal and ethical requirement.",[20,108,109],{},[37,110,111],{},"Implementation:",[41,113,114,117,120,123,126],{},[44,115,116],{},"Most hosting providers offer free SSL through Let's Encrypt",[44,118,119],{},"Ensure all pages load over HTTPS, not just your checkout or contact pages",[44,121,122],{},"Set up 301 redirects from HTTP to HTTPS versions of all pages",[44,124,125],{},"Update internal links, canonical tags, and sitemap URLs to use HTTPS",[44,127,128],{},"Renew your certificate before it expires (automate this if possible)",[20,130,131],{},"This is table stakes in 2026. There is no reason for any business website to run without SSL.",[27,133,135],{"id":134},"_4-clear-calls-to-action-ctas","4. Clear calls to action (CTAs)",[20,137,138],{},"Your website exists to drive a specific business outcome — a phone call, a form submission, a booking, a purchase. Every page should make it unmistakably clear what action you want the visitor to take next.",[20,140,141],{},[37,142,143],{},"CTA best practices:",[41,145,146,149,152,155,158,161],{},[44,147,148],{},"Place a primary CTA above the fold on your homepage",[44,150,151],{},"Use action-oriented language: \"Get a Free Quote,\" \"Book Your Consultation,\" \"Start Your Project\"",[44,153,154],{},"Make CTA buttons visually distinct with contrasting colors",[44,156,157],{},"Repeat your CTA at logical points throughout long pages (after key sections, at the bottom)",[44,159,160],{},"Limit each page to one primary CTA and one secondary CTA — too many choices creates paralysis",[44,162,163],{},"Test different CTA text, colors, and placements to see what converts best",[20,165,166,167,172],{},"If you are unsure whether your CTAs are working, check your analytics for conversion rates by page. Our ",[168,169,171],"a",{"href":170},"/web-design","web design services"," include conversion-optimized layouts built around clear user journeys.",[27,174,176],{"id":175},"_5-contact-information-on-every-page","5. Contact information on every page",[20,178,179],{},"Your phone number, email address, and physical address (if applicable) should be accessible from every page of your website. The most common placement is in the header and footer. For Toronto businesses, a local phone number with a 416 or 647 area code builds immediate trust with local customers.",[20,181,182],{},[37,183,184],{},"What to include:",[41,186,187,190,193,196,199,202],{},[44,188,189],{},"Phone number (clickable on mobile with a tel: link)",[44,191,192],{},"Email address",[44,194,195],{},"Physical address (for local businesses)",[44,197,198],{},"Business hours",[44,200,201],{},"A link to your contact page or booking system",[44,203,204],{},"A link to your Google Maps listing",[20,206,207],{},"Do not make people hunt for how to reach you. Every additional click between a potential customer and your contact information is a chance for them to leave and call a competitor instead.",[27,209,211],{"id":210},"_6-google-business-profile-integration","6. Google Business Profile integration",[20,213,214,215,219],{},"Your website and your Google Business Profile should work together. Link your GBP to your website, embed a Google Map on your contact page, and ensure your business information matches exactly between the two. This consistency is a foundational element of ",[168,216,218],{"href":217},"/seo","local SEO",".",[20,221,222],{},[37,223,224],{},"Integration checklist:",[41,226,227,230,233,236,239],{},[44,228,229],{},"Embed a Google Map on your contact page showing your business location",[44,231,232],{},"Match your NAP (name, address, phone) exactly between your website and GBP",[44,234,235],{},"Add a \"Leave Us a Review\" link that goes directly to your Google review page",[44,237,238],{},"Display your Google star rating on your website using a reviews widget",[44,240,241],{},"If you post regularly on GBP, cross-reference that content on your website",[20,243,244,245,219],{},"For a deeper dive into Google Business Profile optimization, read our ",[168,246,248],{"href":247},"/seo/local-seo-guide-toronto","Complete Guide to Local SEO for Toronto Small Businesses",[27,250,252],{"id":251},"_7-schema-markup-structured-data","7. Schema markup (structured data)",[20,254,255],{},"Schema markup is code you add to your website that helps search engines understand your content in a structured way. It enables rich results in search — star ratings, business hours, FAQ dropdowns, event details, and more. These enhanced listings earn higher click-through rates than plain blue links.",[20,257,258],{},[37,259,260],{},"Essential schema types for small businesses:",[41,262,263,269,275,281,287,293],{},[44,264,265,268],{},[37,266,267],{},"LocalBusiness",": Your business name, address, phone, hours, geo-coordinates",[44,270,271,274],{},[37,272,273],{},"Organization",": Logo, social profiles, contact information",[44,276,277,280],{},[37,278,279],{},"BreadcrumbList",": Helps search engines understand your site structure",[44,282,283,286],{},[37,284,285],{},"FAQ",": Enables FAQ rich results on pages with question-and-answer content",[44,288,289,292],{},[37,290,291],{},"Service",": Details about specific services you offer",[44,294,295,298],{},[37,296,297],{},"Review/AggregateRating",": Displays star ratings in search results",[20,300,301],{},"Implement schema as JSON-LD in your page's head section. Test your implementation with Google's Rich Results Test tool. Schema markup does not guarantee rich results, but without it, you have zero chance of earning them.",[27,303,305],{"id":304},"_8-accessible-design-wcag-compliance","8. Accessible design (WCAG compliance)",[20,307,308],{},"Web accessibility means your website can be used by people with disabilities, including visual, auditory, motor, and cognitive impairments. In Ontario, the Accessibility for Ontarians with Disabilities Act (AODA) requires businesses with 50 or more employees to have WCAG 2.0 Level AA compliant websites. Even if you are below that threshold, accessible design reaches more customers and reduces legal risk.",[20,310,311],{},[37,312,313],{},"Key accessibility requirements:",[41,315,316,319,322,325,328,331,334,337],{},[44,317,318],{},"All images must have descriptive alt text",[44,320,321],{},"Color contrast ratios must meet WCAG AA minimums (4.5:1 for normal text)",[44,323,324],{},"All functionality must be accessible via keyboard navigation",[44,326,327],{},"Forms must have properly associated labels",[44,329,330],{},"Videos must have captions or transcripts",[44,332,333],{},"Headings must follow a logical hierarchy (H1, H2, H3 — no skipping levels)",[44,335,336],{},"Links must have descriptive text (not \"click here\")",[44,338,339],{},"Your site must work with screen readers",[20,341,342],{},"Run your site through the WAVE accessibility checker and fix any errors. Accessibility is not a checkbox you check once — it is an ongoing practice that should be part of your development workflow.",[27,344,346],{"id":345},"_9-analytics-tracking","9. Analytics tracking",[20,348,349],{},"If you are not measuring what happens on your website, you are making decisions based on guesswork. Google Analytics 4 (GA4) is the standard for website analytics and it is free.",[20,351,352],{},[37,353,354],{},"What to set up:",[41,356,357,360,363,366,369],{},[44,358,359],{},"Google Analytics 4 with your measurement ID",[44,361,362],{},"Google Search Console for search performance data",[44,364,365],{},"Conversion events for every important action (form submissions, phone calls, downloads, purchases)",[44,367,368],{},"UTM parameters for all marketing campaigns so you know which channels drive results",[44,370,371],{},"Custom dashboards or reports for the metrics that matter most to your business",[20,373,374],{},"Beyond basic page view tracking, set up event tracking for button clicks, scroll depth, video plays, and file downloads. The data you collect in the first few months of tracking becomes the baseline you use to measure the impact of every future improvement.",[27,376,378],{"id":377},"_10-social-proof-and-testimonials","10. Social proof and testimonials",[20,380,381],{},"92% of consumers read online reviews before making a purchase. Social proof on your website — testimonials, case studies, client logos, star ratings, and review excerpts — reduces perceived risk and builds trust with potential customers.",[20,383,384],{},[37,385,386],{},"Effective social proof strategies:",[41,388,389,392,395,398,401,404],{},[44,390,391],{},"Feature 3 to 5 strong testimonials on your homepage",[44,393,394],{},"Include the client's name, title, company, and photo when possible (with permission)",[44,396,397],{},"Create dedicated case study pages showing specific results",[44,399,400],{},"Display aggregate review scores from Google or industry platforms",[44,402,403],{},"Add client logos for recognizable brands you have worked with",[44,405,406],{},"Include specifics: \"increased our leads by 40%\" is more persuasive than \"great service\"",[20,408,409],{},"Rotate testimonials periodically and gather new ones proactively. If you are a newer business with fewer testimonials, even 2 or 3 genuine, specific quotes are better than none.",[27,411,413],{"id":412},"_11-blog-or-content-hub","11. Blog or content hub",[20,415,416],{},"A blog or resource section gives your website a mechanism for ranking for informational search queries, demonstrating expertise, and keeping your site fresh. Businesses that blog regularly generate 67% more leads than those that do not.",[20,418,419],{},[37,420,421],{},"Content hub essentials:",[41,423,424,427,430,433,436],{},[44,425,426],{},"Organize content by topic or service area, not just chronologically",[44,428,429],{},"Publish at minimum twice per month (consistency matters more than volume)",[44,431,432],{},"Optimize every post for a specific keyword with proper title tags, meta descriptions, headers, and internal links",[44,434,435],{},"Include clear CTAs within blog posts to move readers toward conversion",[44,437,438],{},"Create a mix of content types: how-to guides, industry insights, local market analysis, and FAQ-style posts",[20,440,441,442,446,447,450],{},"Your content hub is where ",[168,443,445],{"href":444},"/content-marketing","content marketing"," and ",[168,448,449],{"href":217},"SEO"," come together. Every useful, well-optimized article is a new entry point for potential customers to discover your business through search.",[27,452,454],{"id":453},"_12-service-pages-optimized-for-seo","12. Service pages optimized for SEO",[20,456,457],{},"Your service pages are among the most important pages on your website for driving revenue. Each service you offer should have its own dedicated page — not a single page listing everything. Individual service pages allow you to target specific keywords, provide detailed information, and rank for the searches that matter most.",[20,459,460],{},[37,461,462],{},"What each service page needs:",[41,464,465,468,471,474,477,480,483,486,489],{},[44,466,467],{},"A unique, keyword-rich title tag and meta description",[44,469,470],{},"An H1 heading that clearly states the service",[44,472,473],{},"Detailed description of what the service includes",[44,475,476],{},"Who it is for and what problems it solves",[44,478,479],{},"Your process or approach",[44,481,482],{},"Pricing or pricing guidance (if applicable)",[44,484,485],{},"Relevant testimonials or case studies",[44,487,488],{},"A strong CTA to get in touch or learn more",[44,490,491],{},"Internal links to related services and resources",[20,493,494],{},"Do not write thin, 200-word service pages. Aim for at least 800 to 1,200 words of genuinely useful content per service page. Search engines reward depth and comprehensiveness.",[27,496,498],{"id":497},"_13-privacy-policy-and-terms-of-service","13. Privacy policy and terms of service",[20,500,501],{},"Every business website needs a privacy policy, especially if you collect any user data — and you almost certainly do, even if it is just through analytics tracking or a contact form. In Canada, the Personal Information Protection and Electronic Documents Act (PIPEDA) requires businesses to disclose what personal information they collect and how they use it.",[20,503,504],{},[37,505,506],{},"What your privacy policy should cover:",[41,508,509,512,515,518,521,524,527],{},[44,510,511],{},"What personal information you collect (names, emails, phone numbers, cookies, analytics data)",[44,513,514],{},"How you collect it (forms, cookies, tracking pixels)",[44,516,517],{},"Why you collect it (to provide services, communicate, improve your website)",[44,519,520],{},"How you store and protect it",[44,522,523],{},"Whether you share it with third parties",[44,525,526],{},"How users can request access to or deletion of their data",[44,528,529],{},"Your contact information for privacy inquiries",[20,531,532],{},"Your terms of service should outline the rules for using your website, liability limitations, intellectual property rights, and dispute resolution. Both documents should be linked in your website footer and easily accessible from any page.",[27,534,536],{"id":535},"_14-local-seo-elements","14. Local SEO elements",[20,538,539,540,543],{},"For Toronto businesses, local SEO elements on your website reinforce your geographic relevance and support your ",[168,541,542],{"href":247},"Google Business Profile"," optimization.",[20,545,546],{},[37,547,548],{},"On-site local SEO elements:",[41,550,551,554,557,560,563,566],{},[44,552,553],{},"Your full NAP (name, address, phone) in your website footer using LocalBusiness schema",[44,555,556],{},"An embedded Google Map on your contact page",[44,558,559],{},"Location-specific content on your homepage and service pages (mention Toronto, GTA neighborhoods you serve)",[44,561,562],{},"Location pages for each area you serve if you cover multiple neighborhoods or cities",[44,564,565],{},"Toronto-specific testimonials and case studies",[44,567,568],{},"Local phone number (not a 1-800 number) as your primary contact",[20,570,571,572,219],{},"These elements work together with your off-site local SEO (citations, reviews, GBP) to send consistent location signals to search engines. For a comprehensive approach, explore ",[168,573,574],{"href":217},"our SEO services",[27,576,578],{"id":577},"_15-conversion-tracking","15. Conversion tracking",[20,580,581],{},"Having a beautiful, fast, well-optimized website is meaningless if you cannot measure whether it is generating business results. Conversion tracking connects your website activity to actual revenue-generating actions.",[20,583,584],{},[37,585,586],{},"Essential conversions to track:",[41,588,589,592,595,598,601,604,607,610],{},[44,590,591],{},"Contact form submissions",[44,593,594],{},"Phone calls (using call tracking or Google Ads call extensions)",[44,596,597],{},"Email link clicks",[44,599,600],{},"Live chat conversations",[44,602,603],{},"Booking or scheduling actions",[44,605,606],{},"Quote requests",[44,608,609],{},"Newsletter signups",[44,611,612],{},"Purchases (for e-commerce)",[20,614,615],{},"Set these up as conversion events in Google Analytics 4. If you run paid advertising, import these conversions into Google Ads or Meta Ads so the algorithms can optimize toward real business outcomes. Review your conversion data monthly and use it to identify which pages, traffic sources, and campaigns actually drive results.",[20,617,618,619,623],{},"Without conversion tracking, you are investing in a website and ",[168,620,622],{"href":621},"/digital-marketing","digital marketing"," without knowing what is working. It is the equivalent of running a store without a cash register.",[27,625,627],{"id":626},"key-takeaways","Key takeaways",[41,629,630,633,636,639,642,645],{},[44,631,632],{},"Mobile responsiveness and fast load times are the non-negotiable foundation of any business website in 2026. If your site is slow or broken on phones, nothing else matters.",[44,634,635],{},"SSL, accessibility compliance, and privacy policies are legal and ethical requirements, not optional extras.",[44,637,638],{},"Every page needs a clear call to action and easily accessible contact information. Do not make potential customers work to reach you.",[44,640,641],{},"Schema markup, optimized service pages, and a content hub are what allow your website to rank and attract organic traffic.",[44,643,644],{},"Social proof builds trust and directly increases conversion rates. Feature testimonials, reviews, and case studies prominently.",[44,646,647],{},"Conversion tracking closes the loop between your website investment and actual business results. Set it up from day one.",[27,649,651],{"id":650},"frequently-asked-questions","Frequently asked questions",[653,654,656],"h3",{"id":655},"how-much-does-a-small-business-website-cost-in-toronto","How much does a small business website cost in Toronto?",[20,658,659,660,664],{},"A professionally built small business website in Toronto typically costs between $3,000 and $15,000 for a custom design, depending on complexity, number of pages, and functionality required. Template-based solutions can start lower, while e-commerce sites and complex web applications can cost significantly more. At Fieldgates, our subscription model includes website design and ongoing optimization as part of your monthly plan — ",[168,661,663],{"href":662},"/web-design#pricing","view our plans"," for details.",[653,666,668],{"id":667},"how-often-should-i-update-my-small-business-website","How often should I update my small business website?",[20,670,671],{},"Your website should be a living asset, not a set-it-and-forget-it project. At minimum, review and update your content quarterly. Publish new blog posts at least twice a month. Update your portfolio, testimonials, and team information as they change. Run a technical audit every six months to catch performance issues, broken links, and security vulnerabilities. Google favors websites that demonstrate consistent freshness and maintenance.",[653,673,675],{"id":674},"do-i-really-need-a-blog-on-my-small-business-website","Do I really need a blog on my small business website?",[20,677,678,679,682],{},"Yes. A blog or content hub is one of the most effective ways to attract organic search traffic, demonstrate expertise, and nurture potential customers through the buying process. You do not need to publish daily — even two high-quality posts per month can make a significant difference. The key is consistency and quality. Focus on answering the questions your potential customers are actually searching for. Our ",[168,680,681],{"href":444},"content marketing services"," can help you build a sustainable publishing strategy.",[653,684,686],{"id":685},"what-is-the-most-important-page-on-a-small-business-website","What is the most important page on a small business website?",[20,688,689,690,694],{},"Your homepage is typically the most visited page and often the first impression, but your service pages are usually the most important for driving revenue. Service pages are where search intent aligns most closely with buying intent. A well-optimized service page that clearly explains what you offer, who it is for, and why someone should choose you will generate more leads than any other page type. Invest the most effort in your homepage and your core service pages. ",[168,691,693],{"href":692},"/contact","Book a free consultation"," if you want a professional assessment of your current website.",[653,696,698],{"id":697},"how-do-i-know-if-my-website-is-performing-well","How do I know if my website is performing well?",[20,700,701],{},"Track these five metrics monthly: organic traffic from Google Search Console, conversion rate from Google Analytics, Core Web Vitals scores from PageSpeed Insights, keyword rankings for your target terms, and the number of leads or sales generated. If organic traffic is growing, conversions are increasing, and your site meets Core Web Vitals thresholds, your website is performing well. If any of these metrics are flat or declining, it is time to investigate and make improvements.",{"title":703,"searchDepth":704,"depth":704,"links":705},"",2,[706,707,708,709,710,711,712,713,714,715,716,717,718,719,720,721,722],{"id":29,"depth":704,"text":30},{"id":64,"depth":704,"text":65},{"id":102,"depth":704,"text":103},{"id":134,"depth":704,"text":135},{"id":175,"depth":704,"text":176},{"id":210,"depth":704,"text":211},{"id":251,"depth":704,"text":252},{"id":304,"depth":704,"text":305},{"id":345,"depth":704,"text":346},{"id":377,"depth":704,"text":378},{"id":412,"depth":704,"text":413},{"id":453,"depth":704,"text":454},{"id":497,"depth":704,"text":498},{"id":535,"depth":704,"text":536},{"id":577,"depth":704,"text":578},{"id":626,"depth":704,"text":627},{"id":650,"depth":704,"text":651,"children":723},[724,726,727,728,729],{"id":655,"depth":725,"text":656},3,{"id":667,"depth":725,"text":668},{"id":674,"depth":725,"text":675},{"id":685,"depth":725,"text":686},{"id":697,"depth":725,"text":698},"2026-02-10","The definitive small business website checklist for 2026 covering design, performance, SEO, security, and conversion essentials every site needs.","md","https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1200&h=630&fit=crop&q=80",{},true,"/resources/web-design/small-business-website-checklist","13 min read",{"title":14,"description":731},"web-design","resources/web-design/small-business-website-checklist",[742,743,744,745,746],"web design","checklist","small business","website","2026","guide","dEAGBTrO9g9WMW0V3zdh56eUM6oY51Q-BE6MtzimtEo",[750,1173,1577],{"id":751,"title":752,"author":15,"body":753,"date":1160,"description":1161,"extension":732,"image":1162,"meta":1163,"navigation":735,"path":1164,"readTime":1165,"seo":1166,"service":739,"stem":1167,"tags":1168,"type":747,"__hash__":1172},"resources/resources/web-design/ux-design-principles.md","7 UX Design Principles That Turn Visitors Into Customers",{"type":17,"value":754,"toc":1128},[755,758,761,765,768,772,775,779,805,809,812,816,819,823,855,859,862,866,869,873,876,880,912,916,919,923,949,953,956,960,963,967,1005,1009,1012,1016,1019,1023,1055,1059,1062,1066,1069,1073,1105,1109,1112,1116,1119,1122,1125],[20,756,757],{},"Getting traffic to your website is only half the challenge. The other half — and often the harder half — is turning those visitors into customers. The difference between a website that converts and one that does not usually comes down to user experience design.",[20,759,760],{},"UX design is not about making things look pretty. It is about removing friction, guiding attention, and making it as easy as possible for someone to take the action you want them to take. These seven principles form the foundation of every high-converting business website.",[27,762,764],{"id":763},"_1-establish-a-clear-visual-hierarchy","1. Establish a Clear Visual Hierarchy",[20,766,767],{},"Visual hierarchy determines what visitors see first, second, and third on every page. Without it, users are left scanning randomly, unsure where to focus their attention.",[653,769,771],{"id":770},"how-visual-hierarchy-works","How Visual Hierarchy Works",[20,773,774],{},"The human eye naturally follows patterns. On websites, the most common are the F-pattern (for text-heavy pages) and the Z-pattern (for landing pages with fewer elements). Effective design works with these patterns rather than against them.",[653,776,778],{"id":777},"actionable-steps","Actionable Steps",[41,780,781,787,793,799],{},[44,782,783,786],{},[37,784,785],{},"Size communicates importance."," Your primary headline should be the largest text element on the page. Supporting text should be noticeably smaller.",[44,788,789,792],{},[37,790,791],{},"Contrast draws attention."," Use color contrast to make key elements — buttons, headlines, offers — stand out from surrounding content.",[44,794,795,798],{},[37,796,797],{},"Whitespace creates focus."," Give important elements breathing room. Crowded layouts make everything compete for attention, which means nothing wins.",[44,800,801,804],{},[37,802,803],{},"Limit visual weight."," Each page should have one primary focal point. If you highlight everything, you highlight nothing.",[653,806,808],{"id":807},"example-in-practice","Example in Practice",[20,810,811],{},"A services page should lead with a clear headline describing the value proposition, followed by supporting proof (testimonials, statistics), and then a prominent call-to-action. The eye should flow naturally from problem to solution to action.",[27,813,815],{"id":814},"_2-design-intuitive-navigation","2. Design Intuitive Navigation",[20,817,818],{},"Navigation is the skeleton of your website. If visitors cannot find what they are looking for within a few seconds, they leave. It does not matter how good your content is if people cannot reach it.",[653,820,822],{"id":821},"navigation-best-practices","Navigation Best Practices",[41,824,825,831,837,843,849],{},[44,826,827,830],{},[37,828,829],{},"Keep primary navigation to 5-7 items."," More than that creates decision fatigue. Group related pages under dropdown menus if needed.",[44,832,833,836],{},[37,834,835],{},"Use descriptive labels."," \"Solutions\" tells visitors nothing. \"Web Design Services\" tells them exactly what to expect.",[44,838,839,842],{},[37,840,841],{},"Make the current page obvious."," Highlight the active navigation item so users always know where they are.",[44,844,845,848],{},[37,846,847],{},"Include a search function"," on content-heavy sites. Some visitors prefer to search rather than browse.",[44,850,851,854],{},[37,852,853],{},"Ensure the logo links to the homepage."," This is a universal convention that users expect.",[653,856,858],{"id":857},"common-navigation-mistakes","Common Navigation Mistakes",[20,860,861],{},"Avoid hamburger menus on desktop. They hide your most important links behind an extra click. Avoid mega-menus with dozens of options that overwhelm users. And never use navigation labels that prioritize cleverness over clarity.",[27,863,865],{"id":864},"_3-prioritize-mobile-first-design","3. Prioritize Mobile-First Design",[20,867,868],{},"More than 60% of web traffic now comes from mobile devices. If your website is not designed for mobile first, you are delivering a subpar experience to the majority of your visitors.",[653,870,872],{"id":871},"what-mobile-first-actually-means","What Mobile-First Actually Means",[20,874,875],{},"Mobile-first design is not about shrinking your desktop site to fit a smaller screen. It is about designing for the constraints of mobile — limited screen space, touch interaction, variable connection speeds — and then expanding that design for larger screens.",[653,877,879],{"id":878},"mobile-ux-essentials","Mobile UX Essentials",[41,881,882,888,894,900,906],{},[44,883,884,887],{},[37,885,886],{},"Touch targets must be at least 44x44 pixels."," Buttons and links that are too small lead to frustration and accidental taps.",[44,889,890,893],{},[37,891,892],{},"Eliminate horizontal scrolling."," Content should flow vertically. If users need to scroll sideways, your layout is broken.",[44,895,896,899],{},[37,897,898],{},"Simplify forms."," Every additional field on mobile reduces completion rates. Ask only for what you absolutely need.",[44,901,902,905],{},[37,903,904],{},"Use sticky headers or footers"," for key actions like \"Contact Us\" or \"Get a Quote\" so they are always accessible.",[44,907,908,911],{},[37,909,910],{},"Test on real devices."," Browser emulators do not replicate the actual experience of using a phone with one hand on a slow connection.",[27,913,915],{"id":914},"_4-optimize-load-times-for-perceived-speed","4. Optimize Load Times for Perceived Speed",[20,917,918],{},"Speed is a UX issue, not just a technical one. Users perceive speed differently depending on how a page loads, not just how long it takes.",[653,920,922],{"id":921},"perceived-performance-techniques","Perceived Performance Techniques",[41,924,925,931,937,943],{},[44,926,927,930],{},[37,928,929],{},"Show content progressively."," A page that shows text immediately and loads images afterward feels faster than one that shows a blank screen for two seconds before displaying everything at once.",[44,932,933,936],{},[37,934,935],{},"Use skeleton screens"," instead of spinners. Skeleton screens (placeholder shapes that mimic the layout) give users a sense of what is coming and reduce perceived wait time.",[44,938,939,942],{},[37,940,941],{},"Prioritize above-the-fold content."," Load what users see first before loading elements further down the page.",[44,944,945,948],{},[37,946,947],{},"Provide instant feedback on interactions."," When a user clicks a button, it should respond visually within 100 milliseconds — change color, show a loading state, or animate — even if the underlying action takes longer.",[653,950,952],{"id":951},"the-speed-conversion-connection","The Speed-Conversion Connection",[20,954,955],{},"Amazon found that every 100 milliseconds of latency cost them 1% in sales. While your business may not operate at that scale, the principle applies universally. Faster pages convert better because they respect the visitor's time.",[27,957,959],{"id":958},"_5-build-trust-with-visible-signals","5. Build Trust With Visible Signals",[20,961,962],{},"Visitors make snap judgments about credibility. Research from Stanford's Web Credibility Project shows that 75% of users judge a company's credibility based on its website design. Trust signals reinforce that judgment in your favor.",[653,964,966],{"id":965},"essential-trust-signals","Essential Trust Signals",[41,968,969,975,981,987,993,999],{},[44,970,971,974],{},[37,972,973],{},"Testimonials and reviews."," Real quotes from real customers with names, titles, and company logos where possible. Video testimonials are even more effective.",[44,976,977,980],{},[37,978,979],{},"Case studies and results."," Specific numbers and outcomes demonstrate competence far more effectively than general claims.",[44,982,983,986],{},[37,984,985],{},"Security indicators."," SSL certificates, privacy policy links, and secure payment badges matter, especially on pages where users share personal information.",[44,988,989,992],{},[37,990,991],{},"Professional design quality."," Outdated layouts, broken images, and inconsistent styling signal neglect. If you do not invest in your own website, visitors wonder what else you cut corners on.",[44,994,995,998],{},[37,996,997],{},"Contact information."," A physical address, phone number, and email address visible in the header or footer shows you are a real, reachable business.",[44,1000,1001,1004],{},[37,1002,1003],{},"Industry credentials."," Certifications, awards, partnerships, and association memberships add third-party validation.",[653,1006,1008],{"id":1007},"where-to-place-trust-signals","Where to Place Trust Signals",[20,1010,1011],{},"Trust signals are most effective near decision points. Place testimonials next to pricing. Show security badges near forms. Display client logos on landing pages. The goal is to address doubt at the moment it arises.",[27,1013,1015],{"id":1014},"_6-create-effective-calls-to-action","6. Create Effective Calls-to-Action",[20,1017,1018],{},"A call-to-action (CTA) is where UX design meets business goals. Every page on your website should guide visitors toward a specific next step. Without clear CTAs, visitors read your content and leave without doing anything.",[653,1020,1022],{"id":1021},"cta-design-principles","CTA Design Principles",[41,1024,1025,1031,1037,1043,1049],{},[44,1026,1027,1030],{},[37,1028,1029],{},"Use action-oriented language."," \"Get Your Free Audit\" is stronger than \"Submit.\" \"Start Your Free Trial\" outperforms \"Sign Up.\" Tell visitors what they get, not what they have to do.",[44,1032,1033,1036],{},[37,1034,1035],{},"Make CTAs visually distinct."," Your primary CTA should be the most visually prominent element in its section. Use a contrasting color that does not appear elsewhere in your design.",[44,1038,1039,1042],{},[37,1040,1041],{},"Limit choices per page."," Each page should have one primary CTA and, at most, one secondary option. Offering too many choices leads to decision paralysis.",[44,1044,1045,1048],{},[37,1046,1047],{},"Position CTAs strategically."," Place them above the fold, after key content sections, and at the bottom of pages. Visitors should never have to search for the next step.",[44,1050,1051,1054],{},[37,1052,1053],{},"Reduce commitment anxiety."," Phrases like \"No credit card required,\" \"Cancel anytime,\" or \"Free consultation\" lower the perceived risk of clicking.",[653,1056,1058],{"id":1057},"testing-your-ctas","Testing Your CTAs",[20,1060,1061],{},"Small changes to CTAs can produce significant results. Test different button colors, copy variations, sizes, and positions. Even changing a single word — from \"Buy\" to \"Get\" — can measurably impact click-through rates.",[27,1063,1065],{"id":1064},"_7-design-for-accessibility","7. Design for Accessibility",[20,1067,1068],{},"Accessible design is not just an ethical obligation — it is a business advantage. Approximately 16% of the global population lives with some form of disability. Designing for accessibility means designing for a larger audience, and it almost always improves the experience for everyone.",[653,1070,1072],{"id":1071},"accessibility-fundamentals","Accessibility Fundamentals",[41,1074,1075,1081,1087,1093,1099],{},[44,1076,1077,1080],{},[37,1078,1079],{},"Color contrast."," Text must have sufficient contrast against its background. WCAG 2.1 recommends a minimum ratio of 4.5:1 for normal text and 3:1 for large text. Use tools like the WebAIM Contrast Checker to verify.",[44,1082,1083,1086],{},[37,1084,1085],{},"Keyboard navigation."," Every interactive element — links, buttons, forms, menus — must be reachable and operable using only a keyboard. Many users rely on keyboard navigation, including those using assistive technology.",[44,1088,1089,1092],{},[37,1090,1091],{},"Alt text for images."," Every meaningful image needs descriptive alt text. Decorative images should have empty alt attributes so screen readers skip them.",[44,1094,1095,1098],{},[37,1096,1097],{},"Semantic HTML."," Use proper heading levels (H1 through H6 in order), landmark elements (header, nav, main, footer), and form labels. Semantic structure helps assistive technology understand and communicate your content.",[44,1100,1101,1104],{},[37,1102,1103],{},"Readable typography."," Use a minimum body text size of 16 pixels. Maintain adequate line height (1.5 is a good baseline). Limit line length to 60-80 characters for comfortable reading.",[653,1106,1108],{"id":1107},"accessibility-as-a-conversion-driver","Accessibility as a Conversion Driver",[20,1110,1111],{},"Accessible design principles — clear labels, sufficient contrast, logical structure, large click targets — benefit all users, not just those with disabilities. A button that is easy to tap for someone with motor impairments is also easy to tap for someone using their phone on a bus. Clear typography that helps users with low vision also reduces eyestrain for everyone.",[27,1113,1115],{"id":1114},"putting-it-all-together","Putting It All Together",[20,1117,1118],{},"These seven principles are not independent checkboxes. They work together as a system. Clear hierarchy guides users to intuitive navigation, which leads them through mobile-optimized content that loads quickly, builds trust, and concludes with a compelling call-to-action — all within a design that everyone can use.",[20,1120,1121],{},"Start by auditing your current website against each principle. Identify the weakest areas and prioritize fixes based on their potential impact on conversions. Test changes methodically, measuring results before and after each improvement.",[20,1123,1124],{},"UX design is an ongoing process, not a one-time project. User expectations evolve, device capabilities change, and your business goals shift over time. Build a habit of reviewing user behavior data — heatmaps, session recordings, conversion funnels — and use those insights to refine the experience continuously.",[20,1126,1127],{},"The businesses that win online are not always the ones with the biggest budgets or the flashiest designs. They are the ones that make it easiest for visitors to find what they need and take the next step.",{"title":703,"searchDepth":704,"depth":704,"links":1129},[1130,1135,1139,1143,1147,1151,1155,1159],{"id":763,"depth":704,"text":764,"children":1131},[1132,1133,1134],{"id":770,"depth":725,"text":771},{"id":777,"depth":725,"text":778},{"id":807,"depth":725,"text":808},{"id":814,"depth":704,"text":815,"children":1136},[1137,1138],{"id":821,"depth":725,"text":822},{"id":857,"depth":725,"text":858},{"id":864,"depth":704,"text":865,"children":1140},[1141,1142],{"id":871,"depth":725,"text":872},{"id":878,"depth":725,"text":879},{"id":914,"depth":704,"text":915,"children":1144},[1145,1146],{"id":921,"depth":725,"text":922},{"id":951,"depth":725,"text":952},{"id":958,"depth":704,"text":959,"children":1148},[1149,1150],{"id":965,"depth":725,"text":966},{"id":1007,"depth":725,"text":1008},{"id":1014,"depth":704,"text":1015,"children":1152},[1153,1154],{"id":1021,"depth":725,"text":1022},{"id":1057,"depth":725,"text":1058},{"id":1064,"depth":704,"text":1065,"children":1156},[1157,1158],{"id":1071,"depth":725,"text":1072},{"id":1107,"depth":725,"text":1108},{"id":1114,"depth":704,"text":1115},"2026-03-01","The essential user experience design principles every business website needs to convert traffic into leads and sales.","https://images.unsplash.com/photo-1586717791821-3f44a563fa4c?w=1200&h=630&fit=crop&q=80",{},"/resources/web-design/ux-design-principles","9 min read",{"title":752,"description":1161},"resources/web-design/ux-design-principles",[742,1169,1170,1171],"UX","conversion optimization","user experience","h5-0j5gc51SGZ_BeOHrBeHrqvhN5pxr86Ot5ANFaEow",{"id":1174,"title":1175,"author":15,"body":1176,"date":1160,"description":1565,"extension":732,"image":1566,"meta":1567,"navigation":735,"path":1568,"readTime":1569,"seo":1570,"service":739,"stem":1571,"tags":1572,"type":747,"__hash__":1576},"resources/resources/web-design/website-speed-optimization.md","Website Speed Optimization: Why Your Site Is Slow and How to Fix It",{"type":17,"value":1177,"toc":1534},[1178,1181,1184,1188,1192,1195,1199,1202,1213,1217,1220,1224,1227,1231,1234,1238,1241,1245,1248,1252,1255,1259,1263,1266,1271,1290,1294,1297,1301,1315,1319,1322,1326,1340,1344,1347,1351,1373,1377,1380,1384,1402,1406,1409,1413,1416,1422,1426,1429,1435,1439,1442,1448,1452,1455,1459,1476,1480,1497,1501,1518,1522,1525,1528,1531],[20,1179,1180],{},"A slow website is not just an inconvenience — it is a liability. Every second of delay costs you visitors, rankings, and revenue. Studies consistently show that a one-second increase in page load time can reduce conversions by 7% or more. If your website takes longer than three seconds to load, you are losing nearly half of your potential visitors before they even see your content.",[20,1182,1183],{},"This guide walks you through diagnosing why your site is slow, understanding the metrics that matter, and implementing fixes that deliver measurable improvements.",[27,1185,1187],{"id":1186},"why-website-speed-matters-more-than-ever","Why Website Speed Matters More Than Ever",[653,1189,1191],{"id":1190},"the-seo-impact","The SEO Impact",[20,1193,1194],{},"Google has used page speed as a ranking factor since 2010, but the introduction of Core Web Vitals in 2021 elevated performance from a tiebreaker to a significant ranking signal. Search engines prioritize fast-loading pages because they deliver better user experiences. If your competitors load faster, they have a tangible advantage in organic search results.",[653,1196,1198],{"id":1197},"the-conversion-impact","The Conversion Impact",[20,1200,1201],{},"Speed directly affects your bottom line. Research from Google and Deloitte has demonstrated that:",[41,1203,1204,1207,1210],{},[44,1205,1206],{},"Pages loading within 2 seconds have an average bounce rate of 9%, while pages taking 5 seconds see bounce rates above 38%.",[44,1208,1209],{},"Mobile users are even less patient. Over 53% of mobile visitors abandon a site that takes more than 3 seconds to load.",[44,1211,1212],{},"Faster sites see higher average order values, longer session durations, and more pages viewed per visit.",[653,1214,1216],{"id":1215},"the-user-experience-impact","The User Experience Impact",[20,1218,1219],{},"Slow pages create friction at every step. Forms feel unresponsive. Images pop in and shift content around. Menus lag behind clicks. These micro-frustrations compound, eroding trust and making visitors less likely to return or recommend your business.",[27,1221,1223],{"id":1222},"how-to-test-your-site-speed","How to Test Your Site Speed",[20,1225,1226],{},"Before you fix anything, you need to measure. Here are the tools that matter.",[653,1228,1230],{"id":1229},"google-pagespeed-insights","Google PageSpeed Insights",[20,1232,1233],{},"The most accessible starting point. Enter your URL and receive scores for both mobile and desktop, along with specific recommendations. Pay close attention to the Core Web Vitals section, which reflects real user data when available.",[653,1235,1237],{"id":1236},"google-lighthouse","Google Lighthouse",[20,1239,1240],{},"Built into Chrome DevTools, Lighthouse provides a more detailed audit. Open DevTools, navigate to the Lighthouse tab, and run a report. It breaks down performance into actionable categories and estimates the time savings of each fix.",[653,1242,1244],{"id":1243},"webpagetest","WebPageTest",[20,1246,1247],{},"For deeper analysis, WebPageTest lets you test from different locations and connection speeds. The waterfall chart is particularly valuable — it shows exactly when each resource loads and where bottlenecks occur.",[653,1249,1251],{"id":1250},"gtmetrix","GTmetrix",[20,1253,1254],{},"GTmetrix combines Lighthouse data with its own performance analysis. The history feature is useful for tracking improvements over time after you implement changes.",[27,1256,1258],{"id":1257},"common-causes-of-slow-websites","Common Causes of Slow Websites",[653,1260,1262],{"id":1261},"unoptimized-images","Unoptimized Images",[20,1264,1265],{},"Images are the single most common performance problem. A single unoptimized photograph can be 5MB or more — larger than the rest of your page combined.",[20,1267,1268],{},[37,1269,1270],{},"How to fix it:",[41,1272,1273,1276,1279,1282],{},[44,1274,1275],{},"Serve images in modern formats like WebP or AVIF, which are 25-50% smaller than JPEG at equivalent quality.",[44,1277,1278],{},"Resize images to the dimensions they are actually displayed at. A 4000px-wide image displayed at 800px is wasting bandwidth.",[44,1280,1281],{},"Implement lazy loading so images below the fold only load when the user scrolls near them.",[44,1283,1284,1285,1289],{},"Use responsive images with ",[1286,1287,1288],"code",{},"srcset"," to serve different sizes based on the viewer's screen.",[653,1291,1293],{"id":1292},"too-many-third-party-scripts","Too Many Third-Party Scripts",[20,1295,1296],{},"Analytics, chat widgets, social media embeds, ad trackers, heat mapping tools — each one adds HTTP requests, JavaScript execution time, and often blocks rendering. A typical business website can have 15-30 third-party scripts running without anyone realizing it.",[20,1298,1299],{},[37,1300,1270],{},[41,1302,1303,1306,1309,1312],{},[44,1304,1305],{},"Audit your scripts. Remove anything you are not actively using or reviewing.",[44,1307,1308],{},"Load non-critical scripts asynchronously or defer them until after the page renders.",[44,1310,1311],{},"Consider server-side alternatives for analytics where possible.",[44,1313,1314],{},"Use a tag manager to control when and how scripts execute.",[653,1316,1318],{"id":1317},"poor-hosting-and-infrastructure","Poor Hosting and Infrastructure",[20,1320,1321],{},"Cheap shared hosting can bottleneck your site regardless of how well it is optimized. If your server takes 800ms to respond before it even starts sending content, no front-end optimization will make your site feel fast.",[20,1323,1324],{},[37,1325,1270],{},[41,1327,1328,1331,1334,1337],{},[44,1329,1330],{},"Upgrade to managed hosting or a VPS with adequate resources for your traffic.",[44,1332,1333],{},"Use a Content Delivery Network (CDN) to serve static assets from locations close to your visitors.",[44,1335,1336],{},"Enable server-level caching so your CMS does not rebuild pages from scratch on every request.",[44,1338,1339],{},"Consider static site generation for content that does not change frequently.",[653,1341,1343],{"id":1342},"render-blocking-css-and-javascript","Render-Blocking CSS and JavaScript",[20,1345,1346],{},"When a browser encounters CSS or JavaScript in your HTML, it often has to stop rendering the page until those files are downloaded and processed. If you have large CSS files and multiple JavaScript bundles in your document head, the browser is forced to wait.",[20,1348,1349],{},[37,1350,1270],{},[41,1352,1353,1356,1359,1370],{},[44,1354,1355],{},"Inline critical CSS — the styles needed for above-the-fold content — directly in the HTML.",[44,1357,1358],{},"Defer non-critical CSS and load it asynchronously.",[44,1360,1361,1362,1365,1366,1369],{},"Add ",[1286,1363,1364],{},"defer"," or ",[1286,1367,1368],{},"async"," attributes to JavaScript files that do not need to run immediately.",[44,1371,1372],{},"Minimize and bundle your CSS and JavaScript to reduce file sizes.",[653,1374,1376],{"id":1375},"web-fonts","Web Fonts",[20,1378,1379],{},"Custom fonts add visual polish but can significantly delay text rendering. If font files are large or loaded from external servers, visitors may see a flash of invisible text (FOIT) or a flash of unstyled text (FOUT).",[20,1381,1382],{},[37,1383,1270],{},[41,1385,1386,1389,1396,1399],{},[44,1387,1388],{},"Self-host your fonts instead of loading them from external CDNs. This reduces DNS lookups and gives you more control.",[44,1390,1391,1392,1395],{},"Use ",[1286,1393,1394],{},"font-display: swap"," to show fallback text while custom fonts load.",[44,1397,1398],{},"Subset your fonts to include only the characters you actually use.",[44,1400,1401],{},"Limit the number of font weights and styles. Each variant is a separate file.",[27,1403,1405],{"id":1404},"core-web-vitals-explained","Core Web Vitals Explained",[20,1407,1408],{},"Core Web Vitals are Google's specific metrics for measuring user experience. They focus on three aspects of page performance.",[653,1410,1412],{"id":1411},"largest-contentful-paint-lcp","Largest Contentful Paint (LCP)",[20,1414,1415],{},"LCP measures how long it takes for the largest visible element — usually a hero image or heading — to fully render. A good LCP is 2.5 seconds or less.",[20,1417,1418,1421],{},[37,1419,1420],{},"Common LCP problems:"," Slow server response, render-blocking resources, unoptimized hero images, lazy-loaded above-the-fold content.",[653,1423,1425],{"id":1424},"interaction-to-next-paint-inp","Interaction to Next Paint (INP)",[20,1427,1428],{},"INP replaced First Input Delay in 2024 and measures how quickly your page responds to user interactions throughout the entire visit. A good INP is 200 milliseconds or less.",[20,1430,1431,1434],{},[37,1432,1433],{},"Common INP problems:"," Heavy JavaScript execution, long tasks blocking the main thread, complex DOM structures, inefficient event handlers.",[653,1436,1438],{"id":1437},"cumulative-layout-shift-cls","Cumulative Layout Shift (CLS)",[20,1440,1441],{},"CLS measures visual stability — how much the page layout shifts while loading. A good CLS score is 0.1 or less.",[20,1443,1444,1447],{},[37,1445,1446],{},"Common CLS problems:"," Images without dimensions, dynamically injected content, web fonts causing text reflow, ads or embeds loading late and pushing content around.",[27,1449,1451],{"id":1450},"quick-wins-vs-deep-fixes","Quick Wins vs. Deep Fixes",[20,1453,1454],{},"Not every optimization requires a complete rebuild. Start with the changes that deliver the most impact for the least effort.",[653,1456,1458],{"id":1457},"quick-wins-implement-this-week","Quick Wins (Implement This Week)",[41,1460,1461,1464,1467,1470,1473],{},[44,1462,1463],{},"Compress and resize all images. This alone can cut page weight by 50% or more.",[44,1465,1466],{},"Enable browser caching headers so returning visitors load cached assets.",[44,1468,1469],{},"Remove unused plugins, scripts, and stylesheets.",[44,1471,1472],{},"Add width and height attributes to all images and embeds to prevent layout shifts.",[44,1474,1475],{},"Enable GZIP or Brotli compression on your server.",[653,1477,1479],{"id":1478},"medium-effort-plan-for-this-month","Medium Effort (Plan for This Month)",[41,1481,1482,1485,1488,1491,1494],{},[44,1483,1484],{},"Implement lazy loading for images and videos below the fold.",[44,1486,1487],{},"Defer non-critical JavaScript and CSS.",[44,1489,1490],{},"Self-host fonts and optimize font loading.",[44,1492,1493],{},"Set up a CDN for static asset delivery.",[44,1495,1496],{},"Audit and reduce third-party scripts.",[653,1498,1500],{"id":1499},"deep-fixes-strategic-projects","Deep Fixes (Strategic Projects)",[41,1502,1503,1506,1509,1512,1515],{},[44,1504,1505],{},"Migrate to better hosting infrastructure.",[44,1507,1508],{},"Rebuild with a performance-first framework or static site generator.",[44,1510,1511],{},"Implement server-side rendering or incremental static regeneration.",[44,1513,1514],{},"Redesign heavy page templates to reduce DOM complexity.",[44,1516,1517],{},"Build a performance budget and integrate testing into your deployment process.",[27,1519,1521],{"id":1520},"ongoing-monitoring","Ongoing Monitoring",[20,1523,1524],{},"Speed optimization is not a one-time project. Sites degrade over time as content is added, plugins are installed, and third-party scripts are updated.",[20,1526,1527],{},"Set up automated monitoring using Google Search Console (which reports Core Web Vitals from real users), a scheduled Lighthouse CI check in your deployment pipeline, or a service like SpeedCurve or Calibre for continuous tracking.",[20,1529,1530],{},"Review performance metrics monthly. Set thresholds that trigger alerts when key pages slow down beyond acceptable limits. Make speed a part of your content publishing workflow — every new image, embed, or script should be evaluated for its performance impact before it goes live.",[20,1532,1533],{},"A fast website is not a luxury. It is foundational to everything else you do online — from SEO to advertising to customer experience. Start with the quick wins, build toward the deeper fixes, and keep measuring along the way.",{"title":703,"searchDepth":704,"depth":704,"links":1535},[1536,1541,1547,1554,1559,1564],{"id":1186,"depth":704,"text":1187,"children":1537},[1538,1539,1540],{"id":1190,"depth":725,"text":1191},{"id":1197,"depth":725,"text":1198},{"id":1215,"depth":725,"text":1216},{"id":1222,"depth":704,"text":1223,"children":1542},[1543,1544,1545,1546],{"id":1229,"depth":725,"text":1230},{"id":1236,"depth":725,"text":1237},{"id":1243,"depth":725,"text":1244},{"id":1250,"depth":725,"text":1251},{"id":1257,"depth":704,"text":1258,"children":1548},[1549,1550,1551,1552,1553],{"id":1261,"depth":725,"text":1262},{"id":1292,"depth":725,"text":1293},{"id":1317,"depth":725,"text":1318},{"id":1342,"depth":725,"text":1343},{"id":1375,"depth":725,"text":1376},{"id":1404,"depth":704,"text":1405,"children":1555},[1556,1557,1558],{"id":1411,"depth":725,"text":1412},{"id":1424,"depth":725,"text":1425},{"id":1437,"depth":725,"text":1438},{"id":1450,"depth":704,"text":1451,"children":1560},[1561,1562,1563],{"id":1457,"depth":725,"text":1458},{"id":1478,"depth":725,"text":1479},{"id":1499,"depth":725,"text":1500},{"id":1520,"depth":704,"text":1521},"A practical guide to diagnosing and fixing website performance issues that hurt your search rankings and conversion rates.","https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1200&h=630&fit=crop&q=80",{},"/resources/web-design/website-speed-optimization","10 min read",{"title":1175,"description":1565},"resources/web-design/website-speed-optimization",[742,1573,1574,1575],"site speed","Core Web Vitals","performance","Dg15WhtjfJCHINF5scPG0ZN_jwI172MTxeqHspEEqas",{"id":1578,"title":1579,"author":15,"body":1580,"date":730,"description":1904,"extension":732,"image":1905,"meta":1906,"navigation":735,"path":1907,"readTime":1165,"seo":1908,"service":739,"stem":1909,"tags":1910,"type":1915,"__hash__":1916},"resources/resources/web-design/restaurants-toronto.md","Restaurant Website Design in Toronto: What Actually Converts in 2026",{"type":17,"value":1581,"toc":1868},[1582,1585,1588,1592,1595,1599,1602,1605,1609,1612,1615,1619,1622,1630,1634,1637,1641,1644,1647,1651,1654,1657,1661,1664,1667,1671,1674,1680,1684,1687,1691,1694,1698,1706,1710,1716,1720,1723,1727,1730,1734,1737,1747,1751,1754,1758,1761,1765,1768,1772,1779,1783,1786,1792,1794,1817,1819,1823,1830,1834,1837,1841,1846,1850,1857,1861],[20,1583,1584],{},"A restaurant website in Toronto needs to do three things exceptionally well: show your food, make it easy to book or order, and load fast on a phone. That sounds simple, but the majority of restaurant websites in the GTA fail at one or more of these fundamentals. In a city with over 8,500 restaurants competing for diners, your website is often the deciding factor between a full dining room and an empty one.",[20,1586,1587],{},"The data backs this up. According to a 2024 OpenTable survey, 77% of diners visit a restaurant's website before deciding where to eat. If your website is slow, confusing, or has an outdated PDF menu, you are losing customers to the restaurant down the street that made the process effortless.",[27,1589,1591],{"id":1590},"why-most-toronto-restaurant-websites-fail","Why most Toronto restaurant websites fail",[20,1593,1594],{},"Walk through the websites of 20 random Toronto restaurants and you will notice the same problems again and again. Understanding these common failures is the first step to building something better.",[653,1596,1598],{"id":1597},"the-pdf-menu-problem","The PDF menu problem",[20,1600,1601],{},"A PDF menu is the single most common mistake on restaurant websites. It seems convenient — you already have the file, so why not upload it? Because on a mobile phone, a PDF menu is a terrible experience. It requires downloading, zooming, scrolling sideways, and often loads slowly. Google also cannot easily index PDF content for search, which means your menu items are invisible to people searching for \"best pad thai near me\" or \"gluten-free restaurant Toronto.\"",[20,1603,1604],{},"Replace PDF menus with a native HTML menu page. Structure your menu with clear categories, descriptions, prices, and dietary icons (vegan, gluten-free, halal). This is better for users, better for SEO, and easier to update when your seasonal menu changes.",[653,1606,1608],{"id":1607},"slow-load-times-kill-hungry-visitors","Slow load times kill hungry visitors",[20,1610,1611],{},"A hungry person searching for a restaurant on their phone has no patience. Google data shows that 53% of mobile visitors abandon a site that takes longer than three seconds to load. Restaurant websites are particularly vulnerable because they tend to be image-heavy. Large, uncompressed photos of your dishes might look beautiful on your designer's monitor, but they destroy your load time on a mobile connection.",[20,1613,1614],{},"Every image on your site should be compressed and served in modern formats like WebP. Use lazy loading so images below the fold do not slow down the initial page load. Your website should score 80+ on Google PageSpeed Insights for mobile — anything less is costing you customers.",[653,1616,1618],{"id":1617},"missing-or-broken-online-ordering","Missing or broken online ordering",[20,1620,1621],{},"The Toronto restaurant industry has been permanently reshaped by delivery and online ordering. Third-party platforms like Uber Eats, DoorDash, and SkipTheDishes take 15 to 30 percent commission on every order. A direct online ordering system on your website lets you keep that revenue while giving customers a seamless experience.",[20,1623,1624,1625,1629],{},"If you offer delivery or takeout, your website must have integrated online ordering. Not a link to a third-party app — an integrated system on your own domain. This keeps customers on your site, protects your margins, and gives you direct access to customer data for ",[168,1626,1628],{"href":1627},"/email-marketing","email marketing"," and loyalty programs.",[27,1631,1633],{"id":1632},"the-essential-elements-of-a-restaurant-website-that-converts","The essential elements of a restaurant website that converts",[20,1635,1636],{},"Based on what actually works for Toronto restaurants, here is what your website needs.",[653,1638,1640],{"id":1639},"mobile-first-design-is-non-negotiable","Mobile-first design is non-negotiable",[20,1642,1643],{},"Over 70% of restaurant website visits come from mobile devices, according to industry data. Your website must be designed for phones first, then adapted for desktop — not the other way around. This means large tap targets for buttons, readable text without zooming, a prominent \"Order Now\" or \"Reserve a Table\" button visible without scrolling, and a phone number that dials on tap.",[20,1645,1646],{},"Test your website on an actual phone, not just a desktop browser's responsive preview. Walk through the entire journey: finding your menu, placing an order, making a reservation, getting directions. If any step requires more than two taps, redesign it.",[653,1648,1650],{"id":1649},"reservation-system-integration","Reservation system integration",[20,1652,1653],{},"For dine-in restaurants, an integrated reservation system is essential. Whether you use OpenTable, Resy, or a built-in booking widget, the reservation flow should be embedded directly in your website — not a link that opens a new tab. Every additional click or redirect is a point where potential diners abandon the process.",[20,1655,1656],{},"Display your reservation widget prominently. Many successful Toronto restaurants place it above the fold on the homepage, in the navigation bar, and on a dedicated reservations page. Make it impossible to miss.",[653,1658,1660],{"id":1659},"photography-that-sells","Photography that sells",[20,1662,1663],{},"Food photography is the most important visual element on a restaurant website. This is not the place for stock photos or amateur iPhone shots taken under fluorescent lighting. Professional food photography is an investment that pays for itself — restaurants with high-quality food imagery see measurably higher engagement and conversion rates.",[20,1665,1666],{},"Invest in a professional shoot that captures your signature dishes, your dining room atmosphere, and your kitchen in action. Update the photos when your menu changes significantly. If you host events, seasonal menus (think Winterlicious or Summerlicious), or private dining, photograph those experiences too.",[653,1668,1670],{"id":1669},"location-hours-and-contact-information","Location, hours, and contact information",[20,1672,1673],{},"This sounds obvious, but a surprising number of restaurant websites bury this information. Your address, hours of operation, and phone number should be visible on every page — either in a persistent header or footer. Include an embedded Google Map so diners can get directions instantly.",[20,1675,1676,1677,1679],{},"For restaurants with multiple Toronto locations — say one in the Distillery District and another in Yorkville — create a dedicated page for each location with its own address, hours, and embedded map. This also helps your ",[168,1678,218],{"href":217}," by giving Google clear signals about each location.",[653,1681,1683],{"id":1682},"story-and-atmosphere","Story and atmosphere",[20,1685,1686],{},"Toronto diners care about the story behind their food. Whether you are a family-owned Italian trattoria in Little Italy, a modern Korean fusion spot on Ossington, or a farm-to-table bistro in Leslieville, your website should communicate who you are and what makes you different. An \"About\" section with your story, your chef's background, and your sourcing philosophy helps diners connect with your brand before they walk through the door.",[27,1688,1690],{"id":1689},"competing-with-third-party-delivery-apps","Competing with third-party delivery apps",[20,1692,1693],{},"Third-party delivery platforms are a reality of the Toronto restaurant industry. You cannot ignore them, but you can stop letting them own your customer relationships. Your website strategy should focus on driving direct orders and reservations while using delivery apps as a discovery channel.",[653,1695,1697],{"id":1696},"building-direct-ordering-into-your-website","Building direct ordering into your website",[20,1699,1700,1701,1705],{},"Platforms like Square Online, ChowNow, and Bento integrate directly into your website, allowing customers to order without leaving your domain. You keep more of the revenue, you collect customer email addresses, and you control the experience. Promote direct ordering through your ",[168,1702,1704],{"href":1703},"/social-media","social media channels"," and in-restaurant signage to shift customers from third-party apps to your website over time.",[653,1707,1709],{"id":1708},"loyalty-and-repeat-visits","Loyalty and repeat visits",[20,1711,1712,1713,1715],{},"Your website can support loyalty programs that third-party apps cannot replicate. Offer incentives for direct orders — a free appetizer after five online orders, early access to special menus, or exclusive event invitations. Capture email addresses through your ordering system and use ",[168,1714,1628],{"href":1627}," to drive repeat visits with personalized offers, birthday promotions, and seasonal announcements.",[27,1717,1719],{"id":1718},"seo-for-restaurant-websites-in-toronto","SEO for restaurant websites in Toronto",[20,1721,1722],{},"A beautiful website that nobody can find is a wasted investment. Restaurant SEO focuses on making sure your site appears when Toronto diners search for what you serve.",[653,1724,1726],{"id":1725},"local-search-optimization","Local search optimization",[20,1728,1729],{},"Claim and optimize your Google Business Profile with accurate information, high-quality photos, and regular updates. Encourage happy diners to leave Google reviews — restaurants with 200+ reviews and a 4.5+ rating dominate local search results in competitive Toronto neighborhoods like King West, Queen West, and the Danforth.",[653,1731,1733],{"id":1732},"menu-and-content-seo","Menu and content SEO",[20,1735,1736],{},"Structure your menu as indexable HTML content with descriptive text. A page that says \"Grilled Atlantic Salmon — pan-seared with seasonal vegetables, lemon butter sauce, $28\" is far more useful to Google than a PDF image. Create blog content around your cuisine, your ingredients, and your events. A post about \"The Best Wines to Pair With Italian Food in Toronto\" or \"What Makes Authentic Neapolitan Pizza\" builds topical authority and drives organic traffic.",[20,1738,1739,1740,1742,1743,219],{},"For a comprehensive local search strategy, explore ",[168,1741,574],{"href":217}," and see how we approach ",[168,1744,1746],{"href":1745},"/seo/learn","local optimization for Toronto businesses",[27,1748,1750],{"id":1749},"seasonal-and-event-driven-design","Seasonal and event-driven design",[20,1752,1753],{},"Toronto's restaurant scene is heavily influenced by seasonal events and city-wide dining programs. Your website needs to accommodate these seamlessly.",[653,1755,1757],{"id":1756},"summerlicious-and-winterlicious","Summerlicious and Winterlicious",[20,1759,1760],{},"Toronto's prix fixe dining events draw tens of thousands of diners. If your restaurant participates, create a dedicated landing page for the event with your special menu, pricing, and a direct reservation link. This page should go live well before the event starts to capture early search traffic. After the event, keep the page up (updated with a note that the event has ended) so it retains its search ranking for next year.",[653,1762,1764],{"id":1763},"private-dining-and-events","Private dining and events",[20,1766,1767],{},"If you offer private dining, catering, or event hosting, these services need their own pages — not just a mention in a sidebar. Private event inquiries are high-value leads, and a dedicated page with capacity information, sample menus, photos, and a contact form gives potential clients the information they need to reach out.",[653,1769,1771],{"id":1770},"seasonal-menu-updates","Seasonal menu updates",[20,1773,1774,1775,1778],{},"Your website must be easy to update. If changing your menu requires a web developer, something is wrong. A well-built restaurant website has a simple content management system that lets you swap menu items, update prices, and add seasonal specials in minutes. This is a core part of what we build into every restaurant site — ",[168,1776,1777],{"href":170},"our web design services"," include CMS setup specifically so you are never dependent on a developer for routine changes.",[27,1780,1782],{"id":1781},"what-a-restaurant-website-redesign-costs-in-toronto","What a restaurant website redesign costs in Toronto",[20,1784,1785],{},"Restaurant website design in Toronto typically ranges from $5,000 to $20,000 for a custom build, depending on complexity. A single-location restaurant with a standard menu, reservation integration, and online ordering will fall toward the lower end. Multi-location restaurants, extensive online ordering systems, or sites with custom features like event booking or loyalty program integration will be higher.",[20,1787,1788,1789,1791],{},"Avoid template-based solutions that look like every other restaurant website. Your brand and dining experience are unique — your website should reflect that. At Fieldgates, our subscription model includes the initial design and build plus ongoing updates, so you are not paying a separate fee every time you need to update your menu or add an event page. You can ",[168,1790,663],{"href":662}," for details on what is included.",[27,1793,627],{"id":626},[41,1795,1796,1799,1802,1805,1808,1811,1814],{},[44,1797,1798],{},"Replace PDF menus with native HTML menu pages that work on mobile and are indexable by search engines.",[44,1800,1801],{},"Design for mobile first — over 70% of your visitors are on phones, and they are hungry and impatient.",[44,1803,1804],{},"Integrate online ordering directly into your website to protect your margins from third-party delivery app commissions.",[44,1806,1807],{},"Invest in professional food photography — it is the most impactful visual element on your site.",[44,1809,1810],{},"Make reservation booking, contact information, and directions impossible to miss on every page.",[44,1812,1813],{},"Build dedicated landing pages for seasonal events like Summerlicious and Winterlicious to capture time-sensitive search traffic.",[44,1815,1816],{},"Use your website as the hub for customer loyalty and direct relationships that third-party platforms cannot replicate.",[27,1818,651],{"id":650},[653,1820,1822],{"id":1821},"how-long-does-it-take-to-build-a-restaurant-website-in-toronto","How long does it take to build a restaurant website in Toronto?",[20,1824,1825,1826,1829],{},"A custom restaurant website typically takes four to eight weeks from initial discovery to launch. This includes strategy and planning, design, development, content creation, and testing. If you need online ordering integration or a reservation system, add a week or two for setup and testing. Rush timelines are possible but generally produce a better result when the process is not compressed. ",[168,1827,1828],{"href":692},"Get in touch"," to discuss your timeline.",[653,1831,1833],{"id":1832},"should-my-restaurant-website-include-online-ordering","Should my restaurant website include online ordering?",[20,1835,1836],{},"If you offer takeout or delivery, yes — absolutely. An integrated online ordering system on your own website lets you avoid the 15 to 30 percent commissions charged by third-party delivery platforms. Even if you still list on those platforms for discovery, driving direct orders through your website protects your margins significantly. Over a year, a busy Toronto restaurant can save $20,000 to $50,000 in commission fees by shifting even a portion of orders to their direct channel.",[653,1838,1840],{"id":1839},"how-important-is-seo-for-a-restaurant-website","How important is SEO for a restaurant website?",[20,1842,1843,1844,219],{},"Very. Local search is how most diners in Toronto discover new restaurants. When someone searches \"Thai restaurant near me\" or \"best brunch in Leslieville,\" Google decides which restaurants to show based on local SEO signals — your Google Business Profile, your website content, your reviews, and your site's technical health. A well-optimized restaurant website can appear in both the Google Maps 3-pack and the organic results, giving you two opportunities to capture a diner's attention. Learn more about how we approach this through ",[168,1845,574],{"href":217},[653,1847,1849],{"id":1848},"do-i-need-a-blog-on-my-restaurant-website","Do I need a blog on my restaurant website?",[20,1851,1852,1853,1856],{},"A blog is not essential for every restaurant, but it provides meaningful SEO and engagement benefits. Posts about your sourcing philosophy, chef profiles, seasonal menu inspiration, wine pairings, or Toronto food events build topical authority and give Google fresh content to index. If you participate in events like Taste of the Danforth or Toronto Food & Wine Festival, blog content around those events captures search traffic. The key is quality over quantity — one well-written post per month is better than four thin posts that nobody reads. Our ",[168,1854,1855],{"href":444},"content marketing team"," can handle this for you if writing is not your focus.",[653,1858,1860],{"id":1859},"what-platform-should-i-use-for-my-restaurant-website","What platform should I use for my restaurant website?",[20,1862,1863,1864,1867],{},"The best platform depends on your specific needs. WordPress with WooCommerce is a strong choice for restaurants that want full control over design and online ordering. Squarespace works for simpler sites but is limiting for advanced functionality. We recommend avoiding platforms that lock you into proprietary systems where you cannot move your content if you change providers. Whatever platform you choose, make sure it supports fast load times, mobile responsiveness, and easy menu updates. We build on platforms that give you ownership of your content and flexibility to grow — ",[168,1865,1866],{"href":692},"book a free consultation"," to discuss what is right for your restaurant.",{"title":703,"searchDepth":704,"depth":704,"links":1869},[1870,1875,1882,1886,1890,1895,1896,1897],{"id":1590,"depth":704,"text":1591,"children":1871},[1872,1873,1874],{"id":1597,"depth":725,"text":1598},{"id":1607,"depth":725,"text":1608},{"id":1617,"depth":725,"text":1618},{"id":1632,"depth":704,"text":1633,"children":1876},[1877,1878,1879,1880,1881],{"id":1639,"depth":725,"text":1640},{"id":1649,"depth":725,"text":1650},{"id":1659,"depth":725,"text":1660},{"id":1669,"depth":725,"text":1670},{"id":1682,"depth":725,"text":1683},{"id":1689,"depth":704,"text":1690,"children":1883},[1884,1885],{"id":1696,"depth":725,"text":1697},{"id":1708,"depth":725,"text":1709},{"id":1718,"depth":704,"text":1719,"children":1887},[1888,1889],{"id":1725,"depth":725,"text":1726},{"id":1732,"depth":725,"text":1733},{"id":1749,"depth":704,"text":1750,"children":1891},[1892,1893,1894],{"id":1756,"depth":725,"text":1757},{"id":1763,"depth":725,"text":1764},{"id":1770,"depth":725,"text":1771},{"id":1781,"depth":704,"text":1782},{"id":626,"depth":704,"text":627},{"id":650,"depth":704,"text":651,"children":1898},[1899,1900,1901,1902,1903],{"id":1821,"depth":725,"text":1822},{"id":1832,"depth":725,"text":1833},{"id":1839,"depth":725,"text":1840},{"id":1848,"depth":725,"text":1849},{"id":1859,"depth":725,"text":1860},"What Toronto restaurants need from their website to convert visitors into diners. Online ordering, reservations, mobile design, and common mistakes to avoid.","https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1200&h=630&fit=crop&q=80",{},"/resources/web-design/restaurants-toronto",{"title":1579,"description":1904},"resources/web-design/restaurants-toronto",[742,1911,1912,1913,1914],"Toronto","restaurants","hospitality","conversion","industry","uZabSeioRc0qpknT2oKfhBZAz-YzPr_jKNiyBAbG7bY",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1918},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"/>",{"left":4,"top":4,"width":1920,"height":1920,"rotate":4,"vFlip":6,"hFlip":6,"body":1921},20,"\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10L8.22 6.28a.75.75 0 0 1 0-1.06\" clip-rule=\"evenodd\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1923},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9h16M4 15h16M10 3L8 21m8-18l-2 18\"/>",1775506947246]