Social Media Links on Website: How to Add Them and Pass the Check

What are social media links on a website?

The phrase covers three different things, and mixing them up causes most of the confusion. Social profile links, also called follow us links, are anchor tags whose href attribute points at one of your social media profiles, such as your Instagram page. This guide, and the check in our report, is about those.

Social media buttons for sharing are a separate animal. They send the page being read to a network so the visitor can post it, for example through a Facebook sharer address, and they normally sit beside the article. A feed or social media widget is a third group: a timeline, video player or photo grid placed in the page, usually inside an iframe. Visitors see social content, but our check finds no plain anchor to read.

Owners also say social links or social presence for the same footer row, and our report calls the card Social Media Presence. Share previews belong to Open Graph tags and Twitter Card tags, which the social media meta tags guide covers.

Do social media links on your website help SEO?

Directly, no. Google doesn't document follower counts, likes or shares as ranking inputs, and a link from your site to a profile is an ordinary outbound link, like any external link, that passes nothing back.

The indirect effects are real, though. People can find and follow you, and a footer row of live profiles is a cheap trust cue for a first time visitor looking for proof that a real business stands behind the site. That fits the experience and trust ideas behind E-E-A-T, though no single link scores them.

Search engines do take one interest. Google Search Central documents the sameAs property in Organization schema as a way to point at your profile pages on social and review sites, and the details sit in Google Organization structured data. Visible links plus matching JSON-LD tell people and machines the same story about your brand entity, and the structured data guide covers JSON-LD in general.

Don't count on link equity coming back either, since links from the networks are mostly nofollow or routed through redirects. The verdict is short: treat social media links on website footers as a help for people and for brand consistency, not as a ranking trick.

How SEO Site Checker tests social media links on your website

Here is the exact logic behind the Social Media Presence card. The report opens your URL in headless Chromium, waits for the load event, then reads every a element that has an href in the rendered HTML, including header, footer and comments.

The exact rule: the check is a case sensitive substring match on the href. If the address contains one of the seven domain strings, that network counts, and a single match anywhere on the page is enough to pass.

A pass shows a green check and a row per network found, each with a count badge. A warning shows an amber icon, the text "No social media links found" and the red How to Fix button. The check never returns a fail, and only a pass adds to the score percentage, so a warning counts as a check that did not pass.

We ran the live check function against sample markup for every claim here, including share links, query strings and uppercase hosts. The Nofollow row and the Noopener & Noreferrer row read the same anchors but are separate checks, and the nofollow links guide explains why a correct footer can still appear in the Nofollow list.

What counts as a hit

• Any matching anchor. A profile, a video link, a share link and a URL that merely mentions the domain in a query string all count, because the path is never checked.
• Script inserted links. Anchors added by JavaScript count if they are already in the DOM when the report reads the page after the load event.

What the check does not see

Working links can still leave you with a warning if they are the only profile links on the page, because the match list is short and literal.

The same goes for a Threads profile on threads.net, and for instagr.am, wa.me, t.me, github.com and Mastodon or Bluesky addresses.

• Anything that isn't an anchor. Icons inside an iframe, rel="me" link elements and JSON-LD sameAs values are ignored, because only a elements with an href are read.
• Late additions. A lazy widget that injects icons well after the load event is missed, because the report adds no extra wait.

Pass and warning in the Social Media Presence card

A pass means nothing needs fixing as far as the report can tell, though it can't judge whether the links reach the right profiles. Read a warning as "no recognised network link found on this URL", not as a penalty, and test the home page and a deep page separately.

Check my website

Where to put social media links on a website

Where you put social media links on website layouts decides whether visitors notice them and whether the report finds them.

• Footer on every page. A footer link row is what visitors expect, the header stays clean, and the anchors land in the HTML of every URL. It is also the easiest place for the check to find them.
• Header, sparingly. Header social icons suit a creator or a restaurant whose main funnel is one profile. Three to five is plenty above the fold.
• Contact page, About page and author bio. People who doubt a small shop or a new author usually go to the Contact or About page to look for proof. A live Instagram or LinkedIn link there, tied to a named person, answers that doubt faster than any copy. Author bio links do the same job for a byline.
• Share buttons stay near the article. Keep follow links in the footer and sharing beside the content, because mixing the two muddies the call to action.
• Skip the floating bar on phones. A floating social bar or sidebar social icons cover text on small screens, so hide them.
• Order by activity. Put the network where you post most first, and leave out any you have abandoned.
• Size every tap target. WCAG 2.2 success criterion 2.5.8 at level AA sets a 24 by 24 CSS pixel target size minimum for a mobile tap target, with a spacing exception, and 2.5.5 at AAA asks for 44 by 44. Leave a gap between icons.

How to add social media links to your website

The method is the same everywhere: collect the addresses, share one footer row, and name each link without relying on the icon.

1. Copy each profile address. Open each account in your browser and copy the profile address from the address bar, for example a LinkedIn company page or a YouTube channel. Use https, keep the exact handle and drop parameters such as utm_source or igsh.
2. Pick one home for the row. A single footer template beats pasting icons page by page, because one edit updates the whole site.
3. Add the anchor tags. Follow the route for your platform below.
4. Give icon-only links an accessible name. Add an aria-label or hidden text. The W3C functional images tutorial says it should describe the destination, not the picture, and our image alt text guide covers the image side.
5. Choose new tab behaviour and save. The code example below shows a safe pattern, and your own profile links don't need nofollow.

Plain HTML or a custom theme

Put the anchors in the shared footer partial or include file, so every template pulls them in.

WordPress

On a block theme, open Appearance, then Editor, then Patterns or Template Parts, and choose the Footer part. Add the Social Icons block, click each icon and paste its profile URL. Save, and the row appears on every page.

Classic themes differ. Go to Appearance, then Widgets, and add the block to a footer widget area, or build a menu of Custom Links under Appearance, then Menus, and assign it to the theme's social menu location. Elementor's Social Icons widget works too, in the footer template.

Shopify

In the Shopify admin open Online Store, then Themes, and click Customize on the live theme to open the theme customizer. Choose Theme settings, find the Social media section and paste each full profile URL into its field. Most themes print the icons in the footer from those fields.

Wix, Squarespace and Canva

In the Wix editor click Add, then Social, then Social Bar, drag it into the footer and use Set Social Links to pick each network and paste its URL. Squarespace keeps your accounts in a Social Links panel, which you show with a Social Links block in the footer or through the header and footer editing options.

On a Canva site, select the icon or text, choose the link option and paste the profile URL. Menu names change often, so look for a setting called Social or Social links if yours differs.

Social media links HTML example you can copy

This footer navigation holds three profile links with full https addresses, an aria-label naming each network, target="_blank" and rel="noopener noreferrer". Each inline SVG icon (an icon font such as Font Awesome works too) carries aria-hidden="true", so a screen reader announces only the label.

<nav aria-label="Social media">
  <a href="https://www.instagram.com/yourbrand/" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
    <svg aria-hidden="true"><use href="#instagram"/></svg>
  </a>
  <a href="https://www.linkedin.com/company/yourbrand" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer">
    <svg aria-hidden="true"><use href="#linkedin"/></svg>
  </a>
  <a href="https://www.youtube.com/@yourbrand" aria-label="YouTube" target="_blank" rel="noopener noreferrer">
    <svg aria-hidden="true"><use href="#youtube"/></svg>
  </a>
</nav>

The use references point at an SVG sprite you supply, so add your own icons or the buttons will render blank.

The matching Organization markup lists the same three profiles in a sameAs array.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Brand",
  "url": "https://example.com/",
  "sameAs": [
    "https://www.instagram.com/yourbrand/",
    "https://www.linkedin.com/company/yourbrand",
    "https://www.youtube.com/@yourbrand"
  ]
}
</script>

The JSON-LD won't make the report pass, because only anchor tags are read, but it backs up the visible links, and the free Schema Markup Validator will test the block. The MDN rel noopener reference states that target="_blank" already behaves like noopener in modern browsers, so rel="noopener" is a belt and braces habit for older ones. Our Noopener & Noreferrer row accepts either token and stays green here, while the Nofollow row still lists these links. The rel noopener noreferrer guide covers the attribute.

Social media links mistakes that keep the warning

If your icons show and the report still warns, check the list of misses earlier on this page. The mistakes below are different: the report can pass every one of them while visitors still get a poor experience.

• Share buttons used as profile links. A sharer address such as facebook.com/sharer clears the check, but it sends nobody to your account, so the footer row quietly does nothing.
• The network home page or an old handle. Linking facebook.com itself, or a handle you dropped in a rebrand, looks careless, and a dead profile link looks worse than none.
• A personal Facebook profile instead of a Page. Visitors then have to send a friend request, or hit a login screen. Link the business Page instead.
• Profiles you never post on. An Instagram feed untouched for two years tells visitors the business is asleep, so remove the icon until it wakes.
• Leftover widgets from old advice. The Facebook Like box, the Google plus one button and AddThis still turn up in old tutorials. Google+ closed in 2019 and AddThis shut down in 2023.

How to test your social media links

A short routine confirms that the warning has cleared and that the footer template works for real visitors, not just for the check.

1. Run the report. Use the free SEO report on the exact URL, then on a deep page, because the check is per URL.
2. Open the card. Social Media Presence should show a green check and a count badge per network. Log in to expand the hrefs.
3. Search the source. View the page source and search for the seven domain strings. If icons show but nothing matches, compare the hrefs you find with the list of misses earlier on this page.
4. Click every icon. Try desktop and a phone, and confirm each opens the right profile.