What is an Anchor Tag and how to Create it?

 What is an Anchor Tag?

An anchor tag is an HTML tag. It is used to define the beginning and end of a hypertext link. Search engines use the tag to determine the subject matter of the destination URL. Users click on the anchor text to reach the link target.

How to build a Hyperlink with an Anchor Tag in HTML

<a href="http://www.example.com">My sample page </a>

An Anchor tag is defined with and consists of three parts:

• the href attribute,
• the name attribute,
• and the target attribute.

href attribute

To create a hyperlink, the destination (address) of the document must be known. A hyperlink can link to pages on your own domain, to other websites, or to a file (such as a PDF document).

For example, to link to the Google homepage, the code is as follows:

<a href="http://www.google.com">Google Home</a>

Href stands for hypertext reference. This attribute defines the target address of the document, which this time is linked to (http://www.google.com). The “=” sign is the connection of the attribute with the attribute value, whereby “href” is the attribute and “ http://www.google.com ” is the attribute value. There is an apostrophe before and after the attribute value. The defined phrase “Google Home” is known as the anchor text or link text - this is what is visible and clickable for the user. An anchor text is ideally concise, informative, and relevant to the landing page.

If you want to link internally to another part of your website, you don’t have to specify the full address, in this case the file name is sufficient:

<a href="MyPage.html">My page</a>

Using the full address could cause the page to load more slowly. See also “Site speed.”

Name attribute

The name attribute of the anchor tag can be used to enable users to “jump” to a specific point on a page (jump marker, anchor). This is especially useful with large pages or subdivisions.

The HTML code looks like this:

<a name="to top"></a> or
<a name="Content"></a>Content

In the first code sample, you link from the bottom of a page back to the beginning, so users can quickly get to the top of the page without having to scroll for a long time. In the second example, users can directly access a part of the page, for example a subdivision point. By clicking, users are guided via name attribute directly to the subject.

<a href="#Content">Content</a>

By simply setting a hash tag (#) at the anchor name, the browser can identify a jump within the page.

You can also link to a specific location on another page internally. This would be defined as follows:

<a href="anotherpage.html#name">Linktext</a>

The “#name” is specified after the filename.

Target attribute

The target attribute specifies how the destination page or the target document should be opened. “target=” _ blank “ is used for opening of the target page in a new tab. This is the usual option when using target attributes for linking to other pages.

<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>

Title attribute

The title attribute gives users an important indication as to where they will be directed to when they click on a link. If the user hovers with the mouse over a link reference, the title text, which was defined in the attribute, will be displayed. This can be a tool tip, or description of the resource to which the link directs. The data from the title attribute makes the site more user-friendly.

The title attribute can also be used for images and graphic files to give a brief description of what is shown in the picture.

<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">

Importance for search engine optimization

The “preparation” string in the upper HTML reference is the link text that is visible in the body text of a website and may appear as blue text or underlined, depending on the layout. Link text is also called anchor text and is particularly important from the perspective of search engine optimization. The anchor text is part of the anchor tag.

Anchor tags are an essential way of optimizing HTML documents for search engines. Anchor text and title attributes give users and search engines more information about the target link. As with clean URLs, it is essential to carry out keyword research for anchor texts for internal links, because if important keywords are placed here, this can benefit both users and search engines, leading to better rankings.

The differentiation between internal links and external links is particularly important for anchor tags. For example, there is no restriction on the use of keywords in anchor text for internal links. Webmasters and SEOs can link individual keywords directly without risking penalties from search engines. By linking specific keywords on the website, the thematic relevance of a subpage can be strengthened and thus the ranking can be influenced.

With backlinks, on the other hand, the excessive use of keyword links can lead to a penalty by Google since the implementation of the Penguin Updates.

The title attribute for Anchor Tags generally has no direct effect on SEO. However, the use of title attributes and elements on links or images can increase the click-through rate and thus indirectly affect the user signals that Google receives from the website.