Learn Web site Supply Code

A graphic that says "How to Read Your Website's Source Code"

Beneath all the photographs, textual content, and calls to motion in your web site lies your webpage supply code.

Google and different search engines like google “learn” this code to find out the place your webpages ought to seem of their indexes for a given search question.

It is a fast information to point out you learn your personal web site supply code in an effort to be certain that it’s Search engine marketing-friendly.

I additionally will go over a number of different conditions the place realizing view and study the proper elements of supply code may help with different advertising efforts.

View Supply Code

Step one in checking your web site’s supply code is to view the precise code. Each net browser lets you do that simply. Under are the keyboard instructions for viewing your webpage supply code for each PC and Mac.


  • Firefox: CTRL + U (That means press the CTRL key in your keyboard and maintain it down. Whereas holding down the CTRL key, press the “u” key.) Alternatively, you’ll be able to go to the “Firefox” menu after which click on on “Internet Developer,” after which “Web page Supply.”
  • Edge/Web Explorer: CTRL + U. Or proper click on and choose “View Supply.”
  • Chrome: CTRL + U. Or you’ll be able to click on on the weird-looking key with three horizontal traces within the higher proper hand nook. Then click on on “Instruments” and choose “View Supply.”
  • Opera: CTRL + U. You can also proper click on on the webpage and choose “View Web page Supply.”


  • Safari: The keyboard shortcut is Possibility+Command+U. You can also right-click on the webpage and choose “Present Web page Supply.”
  • Firefox: You possibly can right-click and choose “Web page Supply” or you’ll be able to navigate to your “Instruments” menu, choose “Internet Developer,” and click on on “Web page Supply.” The keyboard shortcut is Command + U.
  • Chrome: Navigate to “View,” click on on “Developer,” after which “View Supply.” You can also right-click and choose “View Web page Supply.” The keyboard shortcut is Possibility+Command+U.

As soon as you understand how to view the supply code, you might want to know seek for issues in it. Normally, the identical search features you utilize for regular net searching apply to looking in your supply code. Instructions like CTRL + F (for Discover) will assist you rapidly scan your supply code for essential Search engine marketing components.

Supply Code Title Tags

The title tag is the holy grail of on-page Search engine marketing. It’s a very powerful factor in your supply code. If you happen to’re going to take one factor away from this text, take note of this:

You understand these outcomes Google gives once you’re trying to find one thing?

All of these outcomes come from the title tags of the webpages they’re pointing to. If you happen to don’t have title tags in your supply code, you’ll be able to’t present up in Google (or in every other search engine, for that matter). Consider it or not, I’ve really seen web sites with out title tags!

Now, let’s do a fast Google seek for the time period “Advertising and marketing Guides”:

source code - title tag

You possibly can see that the primary result’s for the KISSmetrics weblog part on advertising guides. If we click on on that first consequence and consider the web page supply code, we are able to see the title tag:

source code for title tag

The title tag is designated by the opening tag: <title>. It ends with the closing tag: </title>. The title tag is normally close to the highest of your supply code within the <head> part.

You possibly can see that the content material contained in the title tag matches what’s used within the headline of that first Google consequence.

Not solely are title tags required in an effort to be included in Google search outcomes, however Google identifies the essential key phrases in your title that they suppose are related to customers’ searches.

In order for you a sure webpage to rank for a specific material, you’d higher be certain that phrases that describe the subject material are within the title tag. To be taught extra about how key phrases and title tags are essential in your general website structure, try this submit.

There’s one very last thing to recollect: each webpage in your web site ought to have a novel title tag. By no means duplicate this content material.

If in case you have a small web site, resembling 10 or 20 pages, it’s simple sufficient to assessment every title tag for uniqueness. Nonetheless, if in case you have a bigger web site, you’ll need some assist. It is a easy four-step course of:

Step #1: Open Ubersuggest, enter your URL, and click on search.

source code - ubersuggest step 1

Step #2: Click on “Web site Audit” within the left sidebar.

source code - ubersuggest step 2

Step #3: Assessment Prime Search engine marketing Points.

source code - top seo issues

After touchdown on the location audit overview, scroll all the way down to the fourth part of outcomes (it’s the final one on the web page) to assessment Prime Search engine marketing Points.

That is the place you’ll discover if in case you have duplicate title tags or meta descriptions. If nothing is exhibiting right here, you’re within the clear. If you happen to see duplicates, such because the 30 pages for my web site, dig deeper.

Step #4: Click on on “Pages with Duplicate <title> Tags”

source code - duplicate title tags

Chances are you’ll discover a main situation, resembling a number of of your weblog posts sharing the identical title tag. You might also discover that it’s no massive deal, such because the 26 pages in my report with the title “Weblog Neil Patel’s Digital Advertising and marketing Weblog.”

Upon clicking on the 26 pages immediate, you see:

source code - identifying issues

Whereas the title is similar on 26 pages, it’s nothing greater than the pages of my weblog that home the content material. It’s not the precise weblog posts or main pages of my web site.

Meta Descriptions in Supply Code

One other essential a part of your webpage’s head part is the meta description tag. This 160-character snippet is a free promoting copy that will get displayed beneath your title content material in the various search engines.

source code - meta data

I’ve seen a whole lot of internet sites that utterly ignore this tag. It’s very simple to seek out in your supply code:

meta description source code

Examine to verify it’s on your entire webpages. Extra importantly, examine to be sure to’re not duplicating it throughout a number of pages. Duplicating a meta description tag is just not a search engine penalty, but it surely’s a really massive advertising mistake.

Lots of people gloss over the meta description, however you actually ought to put some thought into it as a result of it’s learn by search engine customers. Take into consideration what copy would assist pull in additional guests and enhance click-throughs.

H1 Headings in Supply Code

H1 headings carry a bit of on-page Search engine marketing weight, so it’s a good suggestion to examine your pages to be sure to are utilizing them correctly. For every web page in your web site, look over the supply code to see should you spot this tag:

h1 heading source code

You don’t need a couple of set of H1 tags showing on any given webpage. In different phrases, don’t attempt to purposely increase your Search engine marketing by together with a number of H1s. If you happen to over-optimize your website, it’s going to harm you in the long run.

Use your H1s for what they’re meant for: the most important heading on the web page. On your house web page, this could be your worth proposition.

Nofollows in Supply Code

If you happen to interact in hyperlink constructing, then checking your backlinks to see if they’re nofollowed is a should.

However earlier than I’m going additional, I’ve to speak a bit of about what “link juice” is.

On the planet of Search engine marketing, getting one other web site to hyperlink to your website is a superb achievement. That hyperlink is seen by search engines like google as an endorsement. Search engines like google and yahoo issue within the variety of hyperlinks that time to your website when they’re rating your website of their engines. “Hyperlink Juice” is a non-scientific time period for the so-called energy that the hyperlink gives your web site or webpage in query.

Nofollows are an attribute that may be coded right into a hyperlink to cease the hyperlink juice from flowing to a web site. It is a quite common factor you will note within the hyperlinks current within the remark part of blogs.

To search out out in case your backlinks are passing hyperlink juice, you need to examine to see if the hyperlinks have nofollow attributes inside them. In the event that they do, then the hyperlink you labored so exhausting to get isn’t doing a lot for you for the reason that nofollow attribute mainly tells Google to disregard your webpage.

The Nofollow Attribute in source code

Within the image above, rel=’exterior nofollow’ is within the anchor hyperlink. Though an individual can click on via on the hyperlink, no hyperlink juice is being handed.

Some individuals suppose that Google really does depend some hyperlink juice from nofollows, however to be conservative in your backlink counting, you need to assume nothing is getting handed.

Alternatively, chances are you’ll need to “web page sculpt” a few of your personal webpages. Some SEOs consider it’s a good suggestion to restrict what pages you ship your inside hyperlink juice to in order that extra essential webpages get nearly all of the location’s general hyperlink juice. You are able to do this by nofollowing a few of your inside web site hyperlinks. For instance, you would possibly need to nofollow the entire hyperlinks to your privateness coverage or different boring / uninteresting pages.

Google will inform you to disregard this apply, and I considerably agree. It’s type of a tedious, pointless job, and your vitality is healthier spent on creating nice content material as a substitute.

Picture Alt Tags in Supply Code

Empty picture alt tags are quite common Search engine marketing boo-boos. Picture alt tags describe what your pictures are to robotic search engines like google.

If you happen to run an e-commerce web site, you undoubtedly need to be certain that your alt tags are crammed out. A good suggestion is to guarantee that the product model identify and serial quantity are within the alt tag description.

image alt tag in source code

Above is a screenshot of a picture tag with the alt tag buried inside it.

You shouldn’t use alt tags for ornamental pictures. That may be seen as an over-optimization and will earn you a penalty. Simply be sure to have your alt tags crammed out for:

  • Photographs of Merchandise
  • Diagrams
  • Infographics
  • Your Web site Brand
  • Screenshots
  • Images of Crew Members

Confirm That Your Analytics Are Put in Correctly

One final nice motive for checking your supply code is to be sure to have Google Analytics put in on each webpage of your web site.

Checking could be very easy. For Google Analytics, simply view the supply code of your webpages and seek for the letters “UA.”

verifying google analytics in source code

If you happen to discover an occasion the place the “UA” is adopted by a 7-digit quantity, then you have got confirmed that Google Analytics is put in on that one web page.

Additionally, preserve monitor of what number of instances “UA” reveals up in your webpage. Generally, your analytics monitoring code might be inserted greater than as soon as by chance, which is pointless. If that’s the case, you need to have your developer take away the additional situations.

Subsequent, you might want to examine the remaining webpages in your website to see in case your analytics code has been inserted on each web page. If you happen to don’t have your analytics monitoring code on each web page of your web site, you’re not getting an entire image of what’s taking place in your website, which type of makes analytics ineffective.

This generally is a daunting job if in case you have an unlimited web site. It even will be inconceivable to examine manually.

I like to make use of xml-sitemaps.com to get a textual content file of all of the URLs my web site has inside it. This gives me with a list guidelines which helps to maintain monitor of which URLs would possibly want some additional consideration (like having analytics put in on them).

It’s additionally an awesome device for being alerted to duplicate content material points and different unusual issues that could be lurking on an online server.

Even xml-sitemaps.com gives you solely 500 outcomes totally free. Chances are you’ll have to ask your developer to present you a URL stock so that you’ve got an entire map of your huge web site.

Moreover, it’s your decision them to create a script or program to carry out these checks for you so that you don’t should do them manually.


Understanding learn primary supply code is essential for anybody constructing a web site. It helps you create Search engine marketing-friendly webpages and web sites, in addition to establish pre-existing Search engine marketing points that hurt your website’s place within the SERPs.

If you happen to’re having hassle fixing Search engine marketing issues or need assist with Search engine marketing usually, our company may help.

Consulting with Neil Patel

See How My Company Can Drive Extra Site visitors to Your Web site

  • Search engine marketing – unlock extra Search engine marketing site visitors. See actual outcomes.
  • Content material Advertising and marketing – our group creates epic content material that may get shared, get hyperlinks, and entice site visitors.
  • Paid Media – efficient paid methods with clear ROI.

E book a Name