"Start page" redirects here. For the Windows GUI element, see Start menu. For the search engine, see Startpage.com.
A home page (or homepage) is the main web page of a website.[1] The term may also refer to the start page shown in a web browser when the application first opens.[2] Usually, the home page is located at the root of the website's domain or subdomain. For example, if the domain is example.com, the home page is likely located at www.example.com/.
A home page of Wikipedia (in 2023) is displayed in a web browser. The small house-shaped button in the upper left is for the browser's start page.
A home page is the primary web page that a visitor will view when they navigate to a website via a search engine, and it may also function as a landing page to attract visitors.[3] In some cases, the home page is a site directory, particularly when a website has multiple home pages.
Good home page design is usually a high priority for a website;[4] for example, a news website may curate headlines and first paragraphs of top stories, with links to full articles.[5][6] According to Homepage Usability, the homepage is the "most important page on any website" and receives the most views of any page.[7] A poorly designed home page can overwhelm and deter visitors from the site.[6] One important use of home pages is communicating the identity and value of a company.[8]
ElementsEdit
A homepage is oftentimes designed to catch attention, and as such, important elements are positioned at the top in a strict hierarchy of importance.[9] Curating which content to display on a homepage, as to not overwhelm visitors, is important to a well-designed page.[10]
Hero imageEdit
One of the commonly found aspects of a homepage is a hero image, a large eye-catching banner image often containing a photograph or drawing depicting the webpage owner's values, services, etc. as a message.[11][12] Hero images are immediately visible above the fold, without scrolling the page down.[13] A hero image may have several complementary elements as an overlay, such as the website's logo, a call to action, and a brief description.
A website with a wide hero image.
Homepage featuring a prominent hero image with logo and description overlaid.
A biographical website with a full-sized image.
CarouselEdit
A descendant of the hero image is a carousel, also known as a slider. It is a slideshow-like element of the homepage with multiple images rotating every few seconds.[14] Carousels are frequently accompanied by dots and buttons in order to select different images.[15] Carousels are generally made using JavaScript but can also be made through CSS animations.[16] In 2013, carousels were a popular element of a homepage, with 52% of top e-commerce websites using the design feature. However, in 2016 only 32% of websites used one.[17]
Image of an online shop's homepage showing a carousel with left/right icons
See alsoEdit
Wikimedia Commons has media related to Home pages.
home, page, english, wikipedia, home, page, main, page, main, screens, devices, home, screen, other, uses, disambiguation, start, page, redirects, here, windows, element, start, menu, search, engine, startpage, home, page, homepage, main, page, website, term, . For the English Wikipedia s home page see Main Page For main screens on devices see Home screen For other uses see Home page disambiguation Start page redirects here For the Windows GUI element see Start menu For the search engine see Startpage com A home page or homepage is the main web page of a website 1 The term may also refer to the start page shown in a web browser when the application first opens 2 Usually the home page is located at the root of the website s domain or subdomain For example if the domain is example com the home page is likely located at www example com A home page of Wikipedia in 2023 is displayed in a web browser The small house shaped button in the upper left is for the browser s start page Contents 1 Function 2 Elements 2 1 Hero image 2 2 Carousel 3 See also 4 References 4 1 BibliographyFunction EditA home page is the primary web page that a visitor will view when they navigate to a website via a search engine and it may also function as a landing page to attract visitors 3 In some cases the home page is a site directory particularly when a website has multiple home pages Good home page design is usually a high priority for a website 4 for example a news website may curate headlines and first paragraphs of top stories with links to full articles 5 6 According to Homepage Usability the homepage is the most important page on any website and receives the most views of any page 7 A poorly designed home page can overwhelm and deter visitors from the site 6 One important use of home pages is communicating the identity and value of a company 8 Elements EditA homepage is oftentimes designed to catch attention and as such important elements are positioned at the top in a strict hierarchy of importance 9 Curating which content to display on a homepage as to not overwhelm visitors is important to a well designed page 10 Hero image Edit One of the commonly found aspects of a homepage is a hero image a large eye catching banner image often containing a photograph or drawing depicting the webpage owner s values services etc as a message 11 12 Hero images are immediately visible above the fold without scrolling the page down 13 A hero image may have several complementary elements as an overlay such as the website s logo a call to action and a brief description nbsp A website with a wide hero image nbsp Homepage featuring a prominent hero image with logo and description overlaid nbsp A biographical website with a full sized image Carousel Edit A descendant of the hero image is a carousel also known as a slider It is a slideshow like element of the homepage with multiple images rotating every few seconds 14 Carousels are frequently accompanied by dots and buttons in order to select different images 15 Carousels are generally made using JavaScript but can also be made through CSS animations 16 In 2013 carousels were a popular element of a homepage with 52 of top e commerce websites using the design feature However in 2016 only 32 of websites used one 17 nbsp Image of an online shop s homepage showing a carousel with left right iconsSee also Edit nbsp Wikimedia Commons has media related to Home pages Contact page Site mapReferences Edit What is a Home Page Definition from Techopedia Techopedia com Retrieved 2022 08 10 Start page TheFreeDictionary com Retrieved 2022 08 10 Nielsen 2002a p 7 Nielsen Jakob 12 May 2002b Top 10 Guidelines for Homepage Usability nngroup com Retrieved 4 September 2014 Kalbach 2007 p 106 a b Nielsen 2002a p 3 Nielsen 2002a p 1 Nielsen 2002a p 2 How to structure your content for a better homepage 99designs 2015 Nielsen 2002a p 8 Hero Images in Web Design When Why and How to Use Design4Users January 4 2021 Kirsch Katrina June 2 2021 Ultimate Guide to Hero Images Best Practices Examples blog hubspot com Leva Myles Hero Image What it is why you need one amp how to create it Pik Wizard Stewart Matt February 18 2019 Everything You Need to Know About Website Carousels The Creative Momentum Babich Nick Aug 13 2016 Designing a User Friendly Homepage Carousel Medium Coyier Chris Jan 10 2020 CSS Only Carousel CSS Tricks Holst Jamie April 30 2019 9 UX Requirements for a User Friendly Homepage Carousel Design If You Need One Baymard Institute Bibliography Edit Campbell Jennifer 2014 Web Design Introductory Cengage Learning p 76 ISBN 978 1 305 17627 0 Kalbach James 2007 Designing Web Navigation O Reilly Media p 106 ISBN 978 0 596 55378 4 Nielsen Jakob 2002a Homepage usability 50 websites deconstructed Marie Tahir Indianapolis IN ISBN 0 7357 1102 X OCLC 48657258 a href Template Cite book html title Template Cite book cite book a CS1 maint location missing publisher link Portal nbsp Internet Retrieved from https en wikipedia org w index php title Home page amp oldid 1178412360, wikipedia, wiki, book, books, library,
