The right way to Learn Your Web site Supply Code and Why It’s Essential

How to Read Your Website Source Code and Why It’s Important

Beneath all the pictures, 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 find out how to learn your personal web site supply code as a way to be sure it’s Search engine optimization-friendly. I additionally will go over a couple of different conditions the place understanding find out how to view and look at the proper components of supply code might help with different advertising and marketing efforts.

The right way to View Supply Code

Step one in checking your web site’s supply code is to view the precise code. Each net browser means that you can 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.”
  • 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 could know find out how to seek for issues in it. Often, the identical search features you utilize for regular net shopping apply to looking in your supply code. Instructions like CTRL + F (for Discover) will provide help to shortly scan your supply code for necessary Search engine optimization components.

Supply Code Title Tags

The title tag is the holy grail of on-page Search engine optimization. It’s crucial factor in your supply code. Should you’re going to take one factor away from this text, take note of this:

You realize these outcomes Google offers once you’re looking for one thing?

All of these outcomes come from the title tags of the webpages they’re pointing to. Should you don’t have title tags in your supply code, you’ll be able to’t present up in Google (or in some other search engine, for that matter). Consider it or not, I’ve truly 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 and marketing guides. If we click on on that first consequence and think about 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 as a way to be included in Google search outcomes, however Google identifies the necessary key phrases in your title that they assume are related to customers’ searches.

If you need a sure webpage to rank for a specific material, you’d higher be sure phrases that describe the subject material are within the title tag. To study extra about how key phrases and title tags are necessary in your general web site structure, take a look at this publish.

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.

In case you have a small web site, comparable to 10 or 20 pages, it’s simple sufficient to overview 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 High Search engine optimization Points

source code - top seo issues

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

That is the place you’ll discover if in case you have duplicate title tags or meta descriptions. If nothing is displaying right here, you’re within the clear. Should you 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

You could discover a main concern, comparable to 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 major pages of my web site.

Meta Descriptions in Supply Code

One other necessary 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 fully ignore this tag. It’s very simple to seek out in your supply code:

meta description source code

Verify to verify it’s on all your webpages. Extra importantly, examine to be sure to’re not duplicating it throughout a number of pages. Duplicating a meta description tag just isn’t a search engine penalty, however it’s a really massive advertising and marketing 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 improve click-throughs.

H1 Headings in Supply Code

H1 headings carry slightly on-page Search engine optimization 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 multiple set of H1 tags showing on any given webpage. In different phrases, don’t attempt to purposely increase your Search engine optimization by together with a number of H1s. Should you over-optimize your web site, it would hurt you in the long term.

Use your H1s for what they’re meant for: the most important heading on the web page. On your private home web page, this is perhaps your worth proposition.

Nofollows in Supply Code

Should you 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 slightly about what “hyperlink juice” is.

On this planet of Search engine optimization, getting one other web site to hyperlink to your web site is a superb achievement. That hyperlink is seen by search engines like google as an endorsement. Search engines like google issue within the variety of hyperlinks that time to your web site when they’re rating your web site of their engines. “Hyperlink Juice” is a non-scientific time period for the so-called energy that the hyperlink offers 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 an internet 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, it is best to examine to see if the hyperlinks have nofollow attributes inside them. In the event that they do, then the hyperlink you labored so onerous to get isn’t doing a lot for you because the nofollow attribute principally tells Google to disregard your webpage.

The Nofollow Attribute in source code

Within the image above, rel=’exterior nofollow’ is within the anchor hyperlink. Regardless that an individual can click on by way of on the hyperlink, no hyperlink juice is being handed.

Some folks assume that Google truly does depend some hyperlink juice from nofollows, however to be conservative in your backlink counting, it is best to assume nothing is getting handed.

Alternatively, chances are you’ll wish 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 necessary 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 may wish to nofollow all the hyperlinks to your privateness coverage or different boring / uninteresting pages.

Google will let you know to disregard this follow, and I considerably agree. It’s form 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 optimization boo-boos. Picture alt tags describe what your photos are to robotic search engines like google.

Should you run an e-commerce web site, you positively wish to be sure your alt tags are stuffed out. A good suggestion is to be sure that the product model title 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.

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

  • Photographs of Merchandise
  • Diagrams
  • Infographics
  • Your Web site Brand
  • Screenshots
  • Photographs of Group 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

Should you discover an occasion the place the “UA” is adopted by a 7-digit quantity, then you’ve confirmed that Google Analytics is put in on that one web page.

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

Subsequent, you could examine the remaining webpages in your web site to see in case your analytics code has been inserted on each web page. Should you 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 occurring in your web site, which form of makes analytics ineffective.

This could be a daunting job if in case you have an unlimited web site. It even might be unattainable to examine manually.

I like to make use of to get a textual content file of all of the URLs my web site has inside it. This offers me with a listing guidelines which helps to maintain monitor of which URLs may want some further consideration (like having analytics put in on them).

It’s additionally an incredible software for being alerted to duplicate content material points and different unusual issues that is perhaps lurking on an internet server.

Even will provide you with solely 500 outcomes without spending a dime. You could must ask your developer to present you a URL stock so that you’ve got an entire map of your large 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 must do them manually.


Realizing find out how to learn primary supply code is necessary for anybody constructing an internet site. It helps you create Search engine optimization-friendly webpages and web sites, in addition to establish pre-existing Search engine optimization points that hurt your web site’s place within the SERPs.

Should you’re having hassle fixing Search engine optimization issues or need assist with Search engine optimization usually, our company might help.

Leave a Reply

Your email address will not be published.