Links affect how visitors get to your site, how they navigate your site, let Google know who is the authority on a certain subject, they let Google know who to trust by acting as a reference, they help you share and promote content on social media sites and so much more.

Links have a direction, they link you from one page —> to another. Hints terms like “inbound links” and “outbound links”.

One major goal of SEO is to increase the number of quality inbound links to a website. Google analyzes the number and quality of these links in their algorithm to help determine a website’s relevancy for a particular search. The keywords in the anchor text of those inbound links also affects search rankings. For example, if you sell “blue widgets” .. you would want your links to say <a href=“www.placeholder.com”>Blue Widgets for sale</a>. This helps Google determine that:

  • A. Your page is about blue widgets
  • B. It’s about selling those widgets
  • C. It adds to the trust of your site by acting like a seal of approval from another website.

Internal links are links connecting two pages on the same domain, like navigation or breadcrumbs and their anchor text have a similar effect in helping Google understand what your website and individual pages are all about.

In HTML, links are defined with the <a> tag. ( a = anchor, href = Hypertext Reference )

Example: <a href=“destination-url">anchor text</a>

Links can include a Target attribute which specifies where the link will open

Example: <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

  • _self is the default and opens in the same frame as the link was clicked
  • _blank opens the link in a new window or tab

Text, Images or Divs (areas) can be linked using HTML.

Links can also prompt phone calls, emails and file downloads:

  • <a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>

  • <a href="mailto:someone@example.com">Send Mail</a>

  • <a href="/images/myw3schoolsimage.jpg" download>

With email links, you can add subject and body content that will be populate when the user clicks them:

<a href="mailto:email@example.com?subject=Suh%20Dude&body=Dude%20Suh"> Email Me </a>

( Spaces are replaced by %20 in accordance with URL Protocol )