{"id":576,"date":"2022-01-28T15:42:34","date_gmt":"2022-01-28T15:42:34","guid":{"rendered":"https:\/\/www.mediabeza.com\/resources\/?p=576"},"modified":"2022-03-21T16:14:40","modified_gmt":"2022-03-21T16:14:40","slug":"5-types-of-section-for-a-website-homepage","status":"publish","type":"post","link":"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/","title":{"rendered":"5 Types of Section For a Website Homepage"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#Introduction\" >Introduction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#_Website_Menus\" >\u00a0Website Menus<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#Hero_Image_Section\" >Hero Image Section<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#Product_and_Services_Offer_Section\" >Product and Services Offer Section<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#Social_Proof_Section\" >Social Proof Section<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#homepage_A_Footer_Section\" >homepage A Footer Section<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.mediabeza.com\/resources\/5-types-of-section-for-a-website-homepage\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.15&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.15&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.15&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.15.1&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Introduction\"><\/span><span style=\"font-weight: 400;\">Introduction<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In this blog post, we will be discussing the essential contents of a website homepage. <\/span><span style=\"font-weight: 400;\">A website home page should be the starting point of your website. It&#8217;s where visitors find out what you do and how they can get in touch with you. Your homepage should provide an overview of who you are, what your business does, and why people should care about it. It&#8217;s essential to have an eye-catching design, but it&#8217;s also necessary to create content that will keep them engaged and coming back for more. An excellent way to do this is by providing informative articles, high-quality photos, or videos of your business in action.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"_Website_Menus\"><\/span>\u00a0<span style=\"font-weight: 400;\">Website Menus<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Once your visitors have been attracted, the following stage ensures that they have a pleasant experience while surfing your website. Visitors that are lost will rapidly abandon your website if the menu is not clear. Make sure that each section has a clear title and is well-organised. Rather than making visitors &#8220;search&#8221; for information, you should stress giving them all of the information they require and more.<\/span>\u00a0<\/p>\n<p><span style=\"font-weight: 400;\">Every menu element should be clickable, which is an essential improvement to your menu design. In differentiating drop-down menus from straight links, an arrow should be used to highlight them. This makes sure that visitors who click on subpages will be able to find further pages that are relevant to what they&#8217;re looking for.<\/span>\u00a0<\/p>\n<p><span style=\"font-weight: 400;\">Take note that once visitors begin browsing your website, one of the most significant aspects of your menu items is being able to know which one is currently active. Well-designed top navigation uses hierarchies and colour separation to make it clear where each element of the navigation is placed within the website. It is possible to aid users in determining where they are in the top navigation by including breadcrumbs or styling the menu link that is now active within the top navigation with a different colour and background.<\/span>\u00a0<\/p>\n<p><span style=\"font-weight: 400;\">Remember to check that clicking the logo sends them back to the main page of your website. Users have learned to expect this as common practice, and reputable web design companies will understand how to incorporate a clickable logo into their designs.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/www.mediabeza.com\/resources\/wp-content\/uploads\/2022\/03\/2.jpg&#8221; title_text=&#8221;2&#8243; _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Hero_Image_Section\"><\/span><span style=\"font-weight: 400;\">Hero Image Section<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">As a web user, you&#8217;ve probably observed some websites display a large image directly below the menu bar and the remaining of the webpage contents. This is described as the Hero image. According to Wikipedia, a Hero image is &#8220;a huge image that is clearly displayed on a web page, typically in the website homepage.&#8221; In most cases, the Hero image is static, but it can also be dynamic (including videos and animations) and takes up the entire width of the webpage.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A website&#8217;s hero image has multiple functions. Its main benefit is that it quickly attracts visitors. Having a high-resolution image on your website is a wonderful method to persuade users to investigate deeper.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nowadays, a good design is required for every website. It is the first thing that impacts a visitor&#8217;s view of your business and helps increase conversions. Web design&#8217;s hero image is essential. The proper one can build trust and interest in your product, while the wrong one can drive customers away.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You may use hero images to display your company&#8217;s USP,\u00a0 for visitors to take action by using a Call &#8211; to &#8211; action, or asking them to sign up for a free trial.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/www.mediabeza.com\/resources\/wp-content\/uploads\/2022\/03\/4.jpg&#8221; title_text=&#8221;4&#8243; _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Product_and_Services_Offer_Section\"><\/span><span style=\"font-weight: 400;\">Product and Services Offer Section<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When visitors visit your website homepage, one of the first things they search for is information about what you have to offer. You want to make it simple for people to view the services or products that you have to offer so that they can make an informed decision. It&#8217;s likely that if someone is looking for what distinguishes your organisation from its competitors, they&#8217;ll want to leave if the message is confused and difficult to understand.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To prevent this scenario, it is recommended to use basic graphical images with just a sentence or phrase following each one to describe or expand on the service being offered. Maintain a clear and simple message so that potential customers can quickly identify what they really want from you. Keep it simple and straightforward.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/www.mediabeza.com\/resources\/wp-content\/uploads\/2022\/03\/3.jpg&#8221; title_text=&#8221;3&#8243; _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Social_Proof_Section\"><\/span><span style=\"font-weight: 400;\">Social Proof Section<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">People would like to know that they can depend on your business. Thankfully, there are a number of strategies to gain this trust. Social proof is one example of content that should be on a homepage. In marketing, social proof is a technique for influencing potential customers through the use of third parties.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Social proof can take a variety of forms. Anything that demonstrates your achievement can be used to demonstrate your integrity. Customer testimonials, a section with client logos or companies with which you&#8217;ve collaborated, awards you&#8217;ve obtained, case studies, press coverage, favourable statistics, and so on.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">More people will want to deal with you if you can show examples of your company&#8217;s ability and exceptional performance. You can also use\u00a0 Google reviews for your business to start generating social proof.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/www.mediabeza.com\/resources\/wp-content\/uploads\/2022\/03\/5.jpg&#8221; title_text=&#8221;5&#8243; _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"homepage_A_Footer_Section\"><\/span><span style=\"font-weight: 400;\">homepage A Footer Section<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The footer of a website homepage is an overlooked element. When someone is having difficulty accessing something on a website, they may frequently scroll to the bottom of the page and search for the footer as a reference. In addition to providing a structured view of the most significant links on your entire website and useful reference links such as social media accounts or partner websites, a decent footer helps to establish the foundation of a website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The footer can also include a way for visitors to subscribe to your newsletter. Improving the customer experience by making it simple for them to access your contact information or commonly asked questions can also be included in the footer.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><span style=\"font-weight: 400;\">Conclusion<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The <a href=\"https:\/\/www.mediabeza.com\/resources\/8-reasons-why-you-need-responsive-website\/\">website <\/a>homepage is the first thing people see and can make or break the impression on their potential customers. The best homepages are simple, easy to navigate, and have all the information they need to know about your business in one place.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In conclusion, a website homepage should have many different sections and features. It is important to keep in mind the type of information that is most relevant for your target audience, as well as what will best serve their needs.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;need a website&#8221; button_url=&#8221;https:\/\/store.mediabeza.com\/product-category\/website\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Click Here&#8221; _builder_version=&#8221;4.15.1&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;|600|||||||&#8221; body_font_size=&#8221;18px&#8221; background_color=&#8221;#423a94&#8243; background_enable_pattern_style=&#8221;on&#8221; background_pattern_style=&#8221;confetti&#8221; background_pattern_color=&#8221;rgba(255,255,255,0.1)&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;gcid-bcb37cfa-3717-4266-b2a0-22c3a3faa0a7&#8243; button_bg_color=&#8221;gcid-fb200511-fa13-487d-a973-c43448235a79&#8243; button_border_width=&#8221;0px&#8221; link_option_url=&#8221;https:\/\/store.mediabeza.com\/product-category\/website\/&#8221; link_option_url_new_window=&#8221;on&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{%22gcid-fb200511-fa13-487d-a973-c43448235a79%22:%91%22button_bg_color%22%93,%22gcid-bcb37cfa-3717-4266-b2a0-22c3a3faa0a7%22:%91%22button_text_color%22%93}&#8221;]<\/p>\n<p>Click here for various Web Design packages we are offering<\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction In this blog post, we will be discussing the essential contents of a website homepage. A website home page should be the starting point of your website. It&#8217;s where visitors find out what you do and how they can get in touch with you. Your homepage should provide an overview of who you are, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":577,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Have you ever visited a website only to discover that it took forever to load because you were staring at a blank screen? What would your reaction be? You could wait if you\u2019re patient enough, but how many of us are patient enough to just wait and wait for the website\u2019s contents to appear?\r\n\r\nWebsite speed is an important consideration when creating a website. Most websites are only concerned with the graphics, images, or beauty of the website and have overlooked the importance of website speed. It\u2019s pointless to have a beautiful and captivating website if people are abandoning it.\r\n<h2>What should be the ideal website speed in 2021?<\/h2>\r\nOne conducted by Google in 2017, found that increasing page load time from one second to three seconds increases the likelihood of a bounce by 32%.\r\n\r\nVisitors are more likely to abandon your website ( or bounce rate ) and visit a competitor\u2019s website if your page loading time is excessively long. As a result, the potential conversion is reduced. As a result of such user behaviour, the bounce rate rises. A higher bounce rate indicates to search engines that your content is uninteresting to users.\r\n\r\nHere a the statistics in the Google report\r\n<ul>\r\n \t<li>Probability of bounce increase by 32 % if website load time is 1s to 3s<\/li>\r\n \t<li>Probability of bounce increase by 90 % if website load time is 1s to 5s<\/li>\r\n \t<li>Probability of bounce increase by 106 % if website load time is 1s to 6s<\/li>\r\n \t<li>Probability of bounce increase by 123 % if website load time is 1s to 10s<\/li>\r\n<\/ul>\r\n<h2>Statistics on Average Page Load Time for Mobile vs. Desktop Devices<\/h2>\r\nBecause the majority of us use mobile devices, providing a quick user experience is becoming increasingly important. Because mobile is becoming a more popular method of accessing the internet, it is critical for businesses to prioritise mobile page speed.\r\n\r\nGoogle investigated 900,000 landing pages from a variety of countries and industries in 2017 to gain a better understanding of the state of mobile performance. They came to the conclusion that the vast majority of mobile websites are far too slow. Despite the fact that over half of all visitors abandon a page that takes more than three seconds to load, they discovered that the average time for a mobile landing page to load is 22 seconds.\r\n\r\nThe following study on user abandonment of mobile web pages\r\n<ul>\r\n \t<li>If it takes 1-5 seconds, 16% of website visitors will leave.<\/li>\r\n \t<li>If it takes 6-10 seconds, 30% of website visitors will leave.<\/li>\r\n \t<li>If it takes 11-15 seconds, 16% of website visitors will leave.<\/li>\r\n \t<li>If it takes 16-20 seconds, 15% of website visitors will leave.<\/li>\r\n \t<li>If it takes more than a few seconds, 20% of website visitors will leave.<\/li>\r\n<\/ul>\r\n\u00a0\r\n\r\n<img class=\"alignnone size-full wp-image-379\" src=\"https:\/\/www.mediabeza.com\/resources\/wp-content\/uploads\/2022\/02\/website-speed-faster.jpg\" alt=\"website speed faster\" width=\"850\" height=\"420\" \/>\r\n<h2>E-commerce websites will suffer as a result of slow website speed.<\/h2>\r\nA slow-loading website reduces not only the number of unique visitors but also the sessions of each visitor on an\u00a0<a href=\"https:\/\/mediabeza.com\/e-commerce-websites-design\/\">e commerce website<\/a>. Because each visitor can have multiple sessions, the total number of unique visitors is usually less than the total number of visits. If fewer visitors return to your e-Commerce store, you will have fewer sessions.\r\n\r\nHere are some statistics about e-commerce websites.\r\n<ul>\r\n \t<li>A\u00a0<a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\" target=\"_blank\" rel=\"noopener\">one-second delay<\/a>\u00a0in page response results in a 7% decrease in conversion. As a result, a one-second delay on an e-commerce website earning $100,000 per day could cost $2.5 million per year.<\/li>\r\n \t<li>Ancestry, who increased their conversions by up to 7% by reducing their loading time by 64%.<\/li>\r\n \t<li>AliExpress reported that cutting the load time of their pages by 36% resulted in a 27% increase in conversion rates for new customers.<\/li>\r\n \t<li>Amazon discovered that every 100ms of delay cost them 1% of their sales. It may not appear to be a big deal, but this minor hiccup could cost Amazon nearly $4 billion by 2020.<\/li>\r\n<\/ul>\r\n<h2>Consumer Behavior will be Affected by Slow Website Speed<\/h2>\r\nThe appearance and speed with which your website loads influence how customers perceive your entire company. Users expect results quickly and are disappointed when they do not receive them, but page speed also has an immediate impact on their professional opinion of your company.\r\n\r\nHow well your company cares for its customers influences user perceptions of your company\u2019s website speed and responsiveness. With more than 40% of visitors who had a bad experience saying they would tell others about it, you should take steps to improve your website\u2019s performance.\r\n<h2>Conclusion<\/h2>\r\nWebsite speed is important, and if you own a business, a slow website will have a negative impact on your company\u2019s credibility. And you will lose sales if you have an e-commerce site. If you are concerned about the speed of your website, please click on the banner below and we will conduct a website speed test on it.","_et_gb_content_width":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design","et-has-post-format-content","et_post_format-et-post-format-standard"],"_links":{"self":[{"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/posts\/576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/comments?post=576"}],"version-history":[{"count":5,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/posts\/576\/revisions"}],"predecessor-version":[{"id":596,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/posts\/576\/revisions\/596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/media\/577"}],"wp:attachment":[{"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/media?parent=576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/categories?post=576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediabeza.com\/resources\/wp-json\/wp\/v2\/tags?post=576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}