Top 10 Web Design Terms Every Blogger Should Be Aware Of.

web design terms

As a blogger, you need to have a clear understanding of some of the most commonly used web design terms for you to be able to design your website on your own.

One thing for sure is that many bloggers hire experts to help them design their sites. Some just Google everything out and end up designing beautiful blogs.

In this blog post, I am going to explain the common web design terms so that as a blogger, you will be able to design your own site even without a professional skills on web design.

Let’s get started:

Web design Terms.

1. Web Development and Web Design.

These two terms are interchangeable as “web companies” alternate the way they describe their their services. The truth is that the two terms refer to fundamentally different aspects of Web building process requiring two unique skills sets.

Web design refers to both the aesthetic and it’s usability. Web designers use various designs programs such as Adobe Photoshop to create the layout and visual elements of the website.

Web developers on the other hand take a web design and actually make a functioning website from it. Web developers use tools like HTML, CSS, JAVASCRIPT, PHP and other programming languages to bring to life the design files.

For a complete understanding of Web development and web design, read this blog post.

2. Theme and Child Theme.

A theme, usually referred to as a parent theme, has all the functionality which is used to create a website whereas a child theme is a theme that inherits it’s functionality and styling of another theme, called a parent theme.

3. Plug in and Widget

A plug in is a software component that adds a specific feature to an existing computer program. There are several plug ins offered by WordPress.com to help bloggers do lots of stuffs. For example, you need a jetpack on your site for stats, related posts, SEO, social sharing and much more.

Widget on the other hand, is a small application with limited functionality that can be installed and executed within a web page by an end user. Examples include: Log in widget, social sharing widget a custom text widget and much more.

4. Domain name and Sub domain name

The difference between a sub domain and a domain name can be explained easily. While a domain name is a full website address, totally independent of other domain names, a sub domain depends on a domain name. If for example “yourdomain.com” is your domain name, then https://yourdomain.com and https://www.yourdomain.com would be your domain name’s address. A sub domain name would be a name *under* your domain name, something like “subdomain.yourdomain.com”. Its address would then be: https://subdomain.yourdomain.com and https://www.subdomain.yourdomain.com. It can say anything you want instead of “sub domain” and the nice thing is that unlike a full domain name, a sub domain does not need to be registered – your hosting company will register it for you.


5. Permalink and Slug

The address or URL of each post or page is known as a permalink. And a slug? It’s the part of the permalink that identifies the specific post or page. Example: For this particular post, permalink is https://luminousblogging.com/2017/09/02/web-terms/ while the slug is 2017/09/02/web-terms/ , a section of the permalink.

6. Bounce rate and Breadcrumb

A bounce is a single-page session on your site. In Analytics, a bounce is calculated specifically as a session that triggers only a single request to the Analytics server, such as when a user opens a single page on your site and then exits without triggering any other requests to the Analytics server during that session.

Bounce rate is single-page sessions divided by all sessions, or the percentage of all sessions on your site in which users viewed only a single page and triggered only a single request to the Analytics server.

A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application. Breadcrumbs in real-world applications offer users a way to trace the path back to their original landing point.

7. Blog and Taxonomy

A blog is a regularly updated website or web page, typically one run by an individual or small group, that is written in an informal or conversational style. A very big example is where you are right now. Here. This is a blog.

In WordPress, a “taxonomy” is a grouping mechanism for some posts (or links or custom post types). The names for the different groupings in a taxonomy are called terms. Using groupings of animals as an example, we might call one group “birds”, and another group “fish”.

8. Frontend and Backend

The front-end is everything involved with what the user sees, including design and some languages like HTML and CSS while backend The back-end, or the “server-side”, is basically how the site works, updates and changes. This refers to everything the user can’t see in the browser, like databases and servers.

9. Alt text and image tittle attribute

Alt text or alternate text is an attribute added to an image tag in HTML. This text appears inside the image container when the image can not be displayed. It helps search engines understand what an image is about. Alternate text is also very helpful in case images on a page cannot be found.

Image title is another attribute that can be added to the image tag in HTML. It is used to provide a title for your image. The text you enter inside the title tag will not be shown to user when a image cannot be displayed. Instead, it is displayed in a popup when a user takes their mouse over to an image.

10. Backlink, anchor text and landing page

A backlink is an incoming link from an external website to specific webpage. For example, if you publish a webpage and 20 other websites link to it, your webpage has 20 backlinks.

Anchor text is the visible characters and words that hyperlinks display when linking to another document or location on the web. It usually appears as blue underlined text, but you change your website’s link colors and styles through your HTML or CSS.

web terms

In the purest sense, a landing page is any web page that a visitor can arrive at or “land” on. However, when discussing landing pages within the realm of marketing and advertising, it’s more common to refer to a landing page as being a standalone web page distinct from your main website that has been designed for a single focused objective.

This means that your landing page should have no global navigation to tie it to your primary website. The main reason for this is to limit the options available to your visitors, helping to guide them toward your intended conversion goal.

I believe you found this blog post helpful. if you have more, please feel free to add them in the comment section.

14 Comments

Add a Comment

Your email address will not be published. Required fields are marked *