- Primary Anatomy Of A Web site
- Navigation (aka Navigation Bar or Most important Menu)
- Function Picture (aka Hero Picture)
- Web site Content material
- Touchdown Web page
- Dwelling Web page (or Homepage)
- Name To Motion (aka CTA)
- Card Design (aka Tile Design or Grid-Primarily based Design)
- Further Terminology Of Fashionable Web sites
- WordPress Web page vs. WordPress Put up
- Internet hosting
- Area Identify (aka URL)
- Area Registrar
- Web site Builder (aka Web site Web page Builder)
- Cellular Responsive
- website positioning
- Google Analytics
- E-mail Service Supplier (ESP)
Confused by web site terminology?
If that’s the case, right here’s a helpful glossary (all in plain English) that’ll shortly get you up to the mark and demystify the language of internet know-how.
You're reading: what is the main page of a website called
When you perceive fundamental web site jargon, you’ll by no means get intimidated or befuddled the following time an internet designer or developer spews techno-babble.
Primary Anatomy Of A Web site
Let’s begin by defining the assorted elements of a web site.
That is the highest a part of a web site containing the emblem and often (however not all the time) the location’s navigation menu. The header is the zone on the high of the web page that stays fixed and visual as guests click on round your web site.
As soon as upon a time the header was a spot to show a banner or graphic selling your model — sort of like the duvet photograph on a Fb web page. However at this time’s web sites are extra streamlined and the pattern is to simply embody your brand and navigation within the header.
Navigation (aka Navigation Bar or Most important Menu)
These are the hyperlinks on the high of the web page that can assist you discover what you’re on the lookout for. The navigation hyperlinks are often within the header or simply beneath it.
When a web site is considered on a cell machine, the navigation often morphs into an icon with 3 stacked strains (aka a “hamburger” as a result of it appears to be like just like the aspect view of a hamburger) since house is restricted on a cell machine. Tapping the cell navigation icon often triggers a vertical or horizontal toggle menu.
On advanced websites with tons of pages, you’ll typically see a “mega menu” which is a drop-down menu triggered by hovering over a hyperlink in the primary navigation. The drop-down mega menu then reveals you a lot hyperlinks organized into classes and sub-categories, sort of like a sitemap.
Function Picture (aka Hero Picture)
That is the big picture you see on the high of an internet web page that grabs your consideration and units the tone for the remainder of the web page. Function pictures usually span the total width of the web page and sometimes include headlines or calls to motion.
I’m not precisely certain the place the time period “hero picture” originated, nevertheless it’s used ceaselessly. Perhaps as a result of they need you to really feel their web site goes to unravel all of your issues and save the day. 🙂
A slider is used to show photos … like a slideshow … the place the pictures slide from proper to left or vice-versa. Sliders can seem anyplace on a web site, however they’re generally used on homepages instead of (or along with) a characteristic picture.
As web sites evolve and extra emphasis is positioned on web page load pace in addition to optimizing person experiences on cell units, slider use is diminishing as a result of they’re useful resource hogs and are sometimes little greater than eye-candy.
Web site Content material
Web site content material is the knowledge your guests eat. Internet copy or physique copy refers to written textual content. Web site content material refers to all the weather used to speak your message — textual content, pictures, video, audio, the entire shebang.
A sidebar is the slender vertical column proper subsequent to your web site content material. The sidebar usually incorporates commercials, hyperlinks to different content material, calls to motion or a search field. Consider the sidebar as secondary to your major web site content material.
Prior to now few years, there’s been a pattern in web site design to remove the sidebar altogether and simply go together with a single, full-width column to show your content material. For some websites, eliminating the sidebar is smart, for others it doesn’t. It actually comes down to non-public choice and/or which structure (sidebar vs. no sidebar) gives a greater person expertise or increased conversion price.
A footer performs the identical perform because the header — it’s a area on a web site that’s fixed from web page to web page — besides a footer is on the backside of a web page as an alternative of the highest.
You’ll be able to put no matter you need in a footer. However what’s usually within the footer is contact data, privateness coverage, phrases of use, sitemap, social media icons and hyperlinks to different vital pages in your web site.
You might want to know: what is a family of rabbits called
Touchdown Web page
Once you run adverts on Google or Fb (or anyplace) you must present a vacation spot web page for the particular person to land on after they click on the advert — therefore, the title touchdown web page.
Touchdown pages are just a little totally different than different pages on a web site in that any distractions, akin to a header or footer or sidebar, are eliminated or minimized.
The first purpose of a touchdown web page is getting the customer to take an motion (i.e. obtain a report, join an e-mail record, make a purchase order, and many others) and maximize conversions. You need the content material on a touchdown web page to be as laser-focused as doable.
Dwelling Web page (or Homepage)
Often known as the entrance web page or important web page. That is the start line on most web sites. A web site design finest follow is to hyperlink your brand to your private home web page, giving your guests an “escape” or “reset” in the event that they ever get misplaced in your web site.
A weblog is definitely a kind of web site.
So what’s the distinction between a weblog and a web site? Not a lot. It mainly boils all the way down to how the content material is structured and introduced.
- Once you publish one thing on a weblog it’s referred to as a put up and weblog posts are printed in chronological order like journal entries in a diary. The origin of the phrase “weblog” is a contraction of internet log.
- Once you publish one thing on a web site it’s referred to as a web page and internet pages should not introduced sequentially. They’re only a assortment pages (i.e. homepage, about us web page, contact web page, and many others) which might be linked collectively.
- Weblog posts enable for interactivity with readers by way of feedback. Commonplace internet pages don’t have a commenting part.
- Internet pages are often informational in nature about an organization’s services or products. They have a tendency to make use of a bit extra formal and official sounding language. Weblog posts have a extra informal and conversational tone.
A weblog is usually a standalone web site or it may be a bit of a bigger web site.
What you might be studying proper now could be a weblog put up on a weblog which is a component of a bigger web site.
Name To Motion (aka CTA)
Buttons, popups, ribbons, slide-ins, e-mail optin bins … even a easy textual content hyperlink … are all examples of calls to motion. A name to motion is a particular and direct request asking your customer to do one thing.
A name to motion doesn’t should be aggressive or obnoxious. A easy “click on right here” usually works simply positive.
If you would like readers to take motion, you could gently nudge them alongside.
Card Design (aka Tile Design or Grid-Primarily based Design)
Impressed by websites like Pinterest, card design helps you set up (and type) content material visually by chunking your knowledge right into a grid. Card design is visually interesting, simple to learn and mobile-friendly.
You should use card design for plenty of issues akin to picture galleries, weblog pages or showcasing options/advantages on a gross sales web page. The sky’s the restrict. All you want is just a little creativity.
Further Terminology Of Fashionable Web sites
WordPress powers tens of millions of internet sites worldwide.
Consider WordPress because the working system of your web site … sort of just like the working system of a laptop computer is Home windows, for a MacBook Professional it’s macOS and for an iPhone it’s iOS.
WordPress is a content material administration system (CMS) which lets you add, take away or replace content material in your web site with out excessive degree technical coaching.
A WordPress theme makes WordPress appear like a web site. There are millions of themes accessible — some free, some paid. Most WordPress themes require some customization to get them to match your organization’s model. However utilizing a theme is WAY higher than ranging from scratch like we needed to do within the olden days (early to mid 2000s). WordPress themes are one of many important causes you may construct a customized, high-quality web site for a fraction of what web sites used to price.
A WordPress plugin provides your web site performance. Plugins are like apps in your telephone and there are tens of hundreds of WordPress plugins to select from. There are plugins for contact types, picture galleries, web site safety, on-line buying carts — just about something you may consider.
WordPress Web page vs. WordPress Put up
This takes a little bit of explaining, so I wrote an entire article on this matter which you will discover right here.
To have a web site the web, it must be hosted on an internet server. Form of like if you wish to construct a home, you want a chunk of land to construct your own home on. Examples of web site internet hosting suppliers are HostGator and WP Engine.
Area Identify (aka URL)
Amazon.com, newurbanhabitat.com and newurbanhabitat.com are all examples of domains. Behind the scenes, each web site is recognized by an IP deal with which is an extended string of numbers like 143.398.884.342. However who can bear in mind all these digits? Due to this fact, a website title is linked to every IP deal with as a result of it’s simpler to make use of phrases as an alternative of numbers to establish a web site.
Enjoyable reality: URL is an acronym for Uniform Useful resource Locator.
Similar to you get the license plate on your automobile from the Division of Motor Automobiles, you get your area title from a website registrar. There are quite a few area registrars on-line. We use newurbanhabitat.com.
DNS is an acronym for area title server. They’re the telephone ebook of the web.
As talked about above, human beings use domains to explain web sites slightly than utilizing IP addresses. Once you sort a website title into an internet browser, your web service supplier accesses considered one of many area title servers positioned around the globe to shortly lookup the corresponding IP deal with related to the area title, then routes you to the web site you requested.
HTML is an acronym for hypertext markup language, and it’s the usual language for creating web sites and internet pages. It was invented by Tim Berners-Lee (referred to as the inventor of the world huge internet) in 1991.
CSS is an acronym for cascading model sheets. HTML is used to create internet pages, CSS makes them look fairly. CSS additionally controls how a web site appears to be like on a desktop vs. a pill vs. a telephone.
Web site Builder (aka Web site Web page Builder)
Up till a couple of years in the past, you needed to know HTML and CSS to create a nice-looking web site. However now, with a drag-and-drop web site builder you may construct a web site with minimal technical information.
Web site builders permit you to create internet pages a lot faster than by way of guide coding and the completed product often appears to be like higher as effectively. Our favourite web site builder is Thrive Architect.
NOTE: Though a very good web site builder is a good software, it’s not a panacea. You *are* going to want a fundamental understanding of HTML and CSS to positive tune issues in your web site. Sorry to rain on the parade. 😮
If a web site is cell responsive, it makes use of CSS to reply to the scale of the viewing display screen so readers have a pleasing person expertise on their cell machine. Meaning font sizes are larger plus the web page structure and navigation are reworked so that they’re usable on a cell machine.
If you must pinch and zoom to make something readable, that’s by definition not cell pleasant.
Google agrees with me.
SSL stands for safe socket layer. An SSL certificates encrypts knowledge despatched from an internet server to your browser so hackers can’t learn it.
Should you see just a little padlock within the deal with bar of your internet browser, which means you’re visiting a safe web site.
A non-secure web site has a URL that begins with “http” within the deal with bar, whereas a safe web site begins with “https” — with the “s” standing for “safe”.
http => hyper textual content switch protocol
https => hyper textual content switch protocol safe
website positioning stands for search engine marketing. website positioning is a big and sophisticated matter, however in a nutshell it’s about configuring your web site to get free visitors from search engine outcomes pages (SERPs).
Primarily based on my conversations with shoppers and potential shoppers, there may be huge confusion about what website positioning is and the way it works — to not point out wildly unrealistic expectations.
With a view to get ranked within the natural search engine listings, you could produce content material that:
- Is tremendous prime quality.
- Folks really need.
- Folks share or hyperlink to.
- Is correctly formatted in your web site (aka On-Web page website positioning).
For more information on website positioning and what it takes to get free visitors from search engines like google, I extremely advocate you try the work of Brian Dean.
Google Analytics is a free service from Google that offers you statistics about your web site — what number of guests your web site is getting, which pages they’re viewing, how lengthy they’re spending on every web page, and many others.
To make use of Google Analytics, all you do is set up a small monitoring script in your web site and also you’re good to go.
Google Analytics removes the guesswork by supplying you with knowledge on what’s working in your web site and what isn’t.
E-mail Service Supplier (ESP)
An e-mail service supplier (aka EMS: e-mail administration service) helps you construct, handle and talk together with your record of e-mail subscribers.
A couple of examples of widespread e-mail service suppliers embody MailChimp, Aweber (we use Aweber), Fixed Contact, ConvertKit, GetResponse and ActiveCampaign.
There are a number of causes for utilizing an e-mail service supplier:
- Automation. Customers are ready so as to add or take away themselves out of your record robotically. You can even ship emails robotically primarily based on a person’s actions.
- Scalability. You’ll be able to ship a broadcast message to a whole lot or hundreds of your subscribers with the press of a mouse. It’s subsequent to inconceivable to do that manually.
- Deliverability. Most e-mail service suppliers are whitelisted so your emails don’t get flagged as spam. Should you tried to ship various dozen emails in fast fireplace succession utilizing Outlook or Gmail, it could most probably set off a spam filter together with your ISP and your emails wouldn’t get despatched.
- Compliance. Keep compliant with the CAN-SPAM Act and keep away from penalties.
- Reporting & Monitoring. Discover out what share of individuals opened your e-mail, how many individuals clicked on a hyperlink in your e-mail, which e-mail topic line carried out the perfect, and many others.
Hopefully you discovered this mini crash course on web site terminology useful.
You don’t want to grasp the underlying know-how to speak intelligently with an internet designer or developer. You simply have to have a fundamental grasp of the language of internet know-how and also you’ll be positive.
I’ll be including to this helpful dandy web site glossary over time. If there’s a time period I ignored that must be added, please let me know within the feedback beneath. Thanks. 😉