Research what Alt Tags and Title Tags are in HTML, how they improve SEO for E-commerce website

What Alt Tags and Title Tags are in HTML& How they improve SEO 



 What is alt text?

Alt text (short for alternative text) is text included in HTML code to describe an image on a webpage. It provides context for search engine crawlers as well as for those viewing a page with a screen reader. Alt text is also commonly referred to as “alt attributes” and “alt tags.”(LYONS, 2022)


Here's what it looks like:

(LYONS, 2022)



(LYONS, 2022)



Why is alt text important for image SEO?

Google Image searches account for 22.6% of all searches. This makes images a powerful way to get more SEO traffic. And Google reads alt text to help understand what images are about. Without alt text, your images are much less likely to rank on Google Images. Google also often displays images at the top of regular Google search results, before web pages. For example, if we search for “content distribution chart” we see images displayed as the top results (LYONS, 2022)

So optimizing your image alt text can lead to more traffic from both Google and Google Images.

(LYONS, 2022)

video time 

(HubSpot, 2022)


What are Title Tags?

Definition and Usage

The <title> tag defines the title of the document. The title must be text-only, and it is shown in the browser's title bar or in the page's tab.

The <title> tag is required in HTML documents!

The contents of a page title are very important for search engine optimization (SEO)! The page title is used by search engine algorithms to decide the order when listing pages in search results.

The <title> element:

defines a title in the browser toolbar

provides a title for the page when it is added to the favorites

displays a title for the page in search-engine results

Here are some tips for creating good titles:

Go for a longer, descriptive title (avoid one- or two-word titles)

Search engines will display about 50-60 characters of the title, so try not to have titles longer than that

Do not use just a list of words as the title (this may reduce the page's position in search results)

So, try to make the title as accurate and meaningful as possible!

Note: You can NOT have more than one <title> element in an HTML document. (w3schools, 2023)


Example:

<!DOCTYPE html>
<html>
<head>
  <title>HTML Elements Reference</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

(w3schools, 2023)

Result


(w3schools, 2023)





Why Are Title Tags Important?

Title tags are a confirmed ranking factor. Google uses your title tag to get an idea of what's on your page and how relevant your content is to the user's search query. Title tags also tell browsers how to display your page's title in three key places: search results, browser tabs, and social media (LYONS, 2022)


Example:

(LYONS, 2022)


(LYONS, 2022)



(LYONS, 2022)


Title Tags Appear In Browser Tabs


(LYONS, 2022)


video time 

(neilvkpatel, 2021)



Reference

HubSpot (2022) How to write Great Image Alt text and get more seo traffic, YouTube. YouTube. Available at: https://www.youtube.com/watch?v=-jn9aaNn8_I (Accessed: February 10, 2023).

LYONS, K. (2022) What is alt text & why it matters for Seo, Semrush Blog. Available at: https://www.semrush.com/blog/alt-text/ (Accessed: February 10, 2023).

neilvkpatel (2021) 10 title tag tweaks that'll boost your seo traffic, YouTube. YouTube. Available at: https://www.youtube.com/watch?v=K2d4BLtQLR0 (Accessed: February 10, 2023).

w3schools (2023) HTML , HTML title tag. Available at: https://www.w3schools.com/tags/tag_title.asp (Accessed: February 10, 2023).


Comments

Popular posts from this blog

Advantages and disadvantages of Meta tags

Website project initial idea

Advantages and disadvantages of e-commerce