{"id":5730,"date":"2021-03-08T11:23:57","date_gmt":"2021-03-08T11:23:57","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=5730"},"modified":"2023-07-17T18:21:39","modified_gmt":"2023-07-17T17:21:39","slug":"structural-considerations-for-website-product-pages","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/","title":{"rendered":"Structural considerations for website product pages"},"content":{"rendered":"<p>Here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we build websites specifically tailored to the requirements of companies and businesses across Manchester and the North West, including <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-chorley\/\">Chorley.<\/a> We provide the perfect <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/improving-website-contact-forms\/\">web design<\/a> solutions for clients in all areas of business and industry. As a result, we have produced this guide to everything you should know about the structural considerations for website product pages.<\/p>\n<h2>What are the most important structural considerations for website product pages?<\/h2>\n<p>There are a number of important considerations to bear in mind when it comes to the structure of product pages online. These considerations include:<\/p>\n<ul>\n<li>Visual hierarchy<\/li>\n<li>Headings and titles<\/li>\n<li>Columns or grids?<\/li>\n<\/ul>\n<h3>Visual hierarchy for website product pages<\/h3>\n<p>Online product pages are an important tool for showcasing the products your company has in stock, and allowing your potential customers to find out more information about multiple items at once. Product pages also provide more in depth details about one item at a time.<\/p>\n<p>These pages can benefit from a hierarchical structure that showcases the most important, popular or expensive product first, at the top of the page, with the rest of the content following in order. With this type of structure, attention is drawn to the products you want to showcase, and the key information you want to share, and a simple change or rotation of stock can allow you to direct attention to different products at different times of the year. As a result, your company will have a little bit more control over the attention and eye direction of the website users, which can lead to an increase in paying customers.<\/p>\n<h3>Headings and titles can add structure website product pages<\/h3>\n<p>Clicking through to a dedicated product page with more in depth detail about one product in particular, is a key step for many people looking to purchase an item online. When designing the structure of this page it&#8217;s important to use headings and titles appropriately. These will divide the written content into something that can easily be skimmed or scanned through to find key pieces of information, improving the user experience for your potential customers. As part of this, you could consider:<\/p>\n<ul>\n<li><strong><em>Expand headings-<\/em><\/strong> these are headings that will expand when clicked on to reveal the content in that particular category. This can be beneficial for reducing the amount of text on screen at once, helping to ensure that your website users do not get overwhelmed.<\/li>\n<li><strong><em>Responsive design-<\/em><\/strong> makes sure that the headings you choose will be responsive and change size depending on the screen size the user is accessing the content from. Product page headings can be longer than those used on other website pages and this can lead to issues with legibility on mobile devices. As a result, you should be sure to test this thoroughly.<\/li>\n<\/ul>\n<h3>Using columns or grids for website product pages<\/h3>\n<p>For product pages with multiple products indexed, using either a column layout, or a grid layout is a popular choice. This can help showcase a number of products on screen at the same time, which helps potential customers and clients make more informed comparisons. It also helps website users find the product they are looking for quickly and easily, improving the user experience.<\/p>\n<p>For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here at Pumpkin Web Design Manchester, we build websites specifically tailored to the requirements of companies and businesses across Manchester and the North West, including Blackburn and Chorley. We provide the perfect web design solutions for clients in all areas of business and industry. As a result, we have produced this guide to everything you [&#8230;]\n","protected":false},"author":2,"featured_media":2286,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Structural considerations for website product pages - Pumpkin Web Design Manchester<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Structural considerations for website product pages - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Here at Pumpkin Web Design Manchester, we build websites specifically tailored to the requirements of companies and businesses across Manchester and the North West, including Blackburn and Chorley. We provide the perfect web design solutions for clients in all areas of business and industry. As a result, we have produced this guide to everything you [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-08T11:23:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-17T17:21:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/05\/ipad-820272_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/\",\"name\":\"Structural considerations for website product pages - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2021-03-08T11:23:57+00:00\",\"dateModified\":\"2023-07-17T17:21:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Structural considerations for website product pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Structural considerations for website product pages - Pumpkin Web Design Manchester","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/","og_locale":"en_GB","og_type":"article","og_title":"Structural considerations for website product pages - Pumpkin Web Design Manchester","og_description":"Here at Pumpkin Web Design Manchester, we build websites specifically tailored to the requirements of companies and businesses across Manchester and the North West, including Blackburn and Chorley. We provide the perfect web design solutions for clients in all areas of business and industry. As a result, we have produced this guide to everything you [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2021-03-08T11:23:57+00:00","article_modified_time":"2023-07-17T17:21:39+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/05\/ipad-820272_1920.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/","name":"Structural considerations for website product pages - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2021-03-08T11:23:57+00:00","dateModified":"2023-07-17T17:21:39+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/structural-considerations-for-website-product-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Structural considerations for website product pages"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5730"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=5730"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5730\/revisions"}],"predecessor-version":[{"id":12281,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5730\/revisions\/12281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/2286"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=5730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=5730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=5730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}