Anchor Tag


What is an Anchor Tag?[edit]

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[edit]

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

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

href attribute[edit]

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.”

600x400-anchortag-en-01.png

Name attribute[edit]

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[edit]

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[edit]

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. becomes the [chocolateexpert.html preparation] of chocolate

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="beispielbild.png" alt="sample image">

Importance for search engine optimization[edit]

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.

Web Links[edit]