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.

This can be a fast information to indicate you the right way to learn your personal web site supply code in an effort to ensure that it’s Website positioning-friendly. I additionally will go over a couple of different conditions the place understanding the right way to view and look at the precise components of supply code might help with different advertising efforts.

Learn how to View Supply Code

Step one in checking your web site’s supply code is to view the precise code. Each internet browser lets you do that simply. Beneath 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 “Net 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 “Net 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 know the way to view the supply code, you should know the right way to seek for issues in it. Normally, the identical search features you utilize for regular internet shopping apply to looking out in your supply code. Instructions like CTRL + F (for Discover) will make it easier to shortly scan your supply code for vital Website positioning parts.

Supply Code Title Tags

The title tag is the holy grail of on-page SEO. It’s an important factor in your supply code. For those who’re going to take one factor away from this text, take note of this:

You already know these outcomes Google supplies while you’re looking for one thing?

All of these outcomes come from the title tags of the webpages they’re pointing to. For those who don’t have title tags in your supply code, you’ll be able to’t present up in Google (or in another 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 Guides”:

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

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 examine the web page supply code, we are able to see the title tag:

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

The title tag is designated by the opening tag: <title>. It ends with the closing tag: </title>. The title tag is often 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 vital key phrases in your title that they assume are related to customers’ searches.

If you would like a sure webpage to rank for a specific material, you’d higher ensure that phrases that describe the subject material are within the title tag. To be taught extra about how key phrases and title tags are vital in your general web site structure, check out this post.

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

When you have a small web site, similar to 10 or 20 pages, it’s straightforward sufficient to evaluation every title tag for uniqueness. Nevertheless, when you’ve got a bigger web site, you’ll need some assist. This can be a easy four-step course of:

Step #1: Open Ubersuggest, Enter Your URL, and Click on Search

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

Step #2: Click on “Website Audit” within the Left Sidebar

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

Step #3: Overview Prime Website positioning Points

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

After touchdown on the site audit overview, scroll right down to the fourth part of outcomes (it’s the final one on the web page) to evaluation Prime Website positioning Points.

That is the place you’ll discover when you’ve got duplicate title tags or meta descriptions. If nothing is displaying right here, you’re within the clear. For those who see duplicates, such because the 30 pages for my web site, dig deeper.

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

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

You might discover a main difficulty, similar to a number of of your weblog posts sharing the identical title tag. You may additionally discover that it’s no huge deal, such because the 26 pages in my report with the title “Weblog Neil Patel’s Digital Advertising Weblog.”

Upon clicking on the 26 pages immediate, you see:

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

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

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

I’ve seen tons of of internet sites that utterly ignore this tag. It’s very straightforward to search out in your supply code:

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

Examine to ensure it’s on all your webpages. Extra importantly, examine to be sure you’re not duplicating it throughout a number of pages. Duplicating a meta description tag shouldn’t be a search engine penalty, nevertheless it’s a really huge 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 slightly on-page Website positioning weight, so it’s a good suggestion to examine your pages to be sure you are utilizing them correctly. For every web page in your web site, look over the supply code to see for those who spot this tag:

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

You don’t need more than one set of H1 tags showing on any given webpage. In different phrases, don’t attempt to purposely enhance your Website positioning by together with a number of H1s. For those who over-optimize your site, it would harm you in the long run.

Use your H1s for what they’re meant for: the largest heading on the web page. On your own home web page, this may be your value proposition.

Nofollows in Supply Code

For those who interact in link building, then checking your backlinks to see if they’re nofollowed is a should.

However earlier than I am going additional, I’ve to speak slightly about what “link juice” is.

On the earth of Website positioning, 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 supplies 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. This can be a quite common factor you will note within the hyperlinks current within the remark part of blogs.

To seek out out in case your backlinks are passing hyperlink juice, it’s 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 laborious to get isn’t doing a lot for you because the nofollow attribute mainly tells Google to disregard your webpage.

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

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

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

Alternatively, it’s possible 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 inner hyperlink juice to in order that extra vital webpages get the vast majority of the positioning’s general hyperlink juice. You are able to do this by nofollowing a few of your inner web site hyperlinks. For instance, you may 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 sort of a tedious, pointless job, and your vitality is healthier spent on creating great content as an alternative.

Picture Alt Tags in Supply Code

Empty picture alt tags are quite common Website positioning boo-boos. Picture alt tags describe what your photos are to robotic search engines like google.

For those who run an e-commerce website, you positively need to ensure that your alt tags are crammed out. A good suggestion is to guarantee that the product model title and serial quantity are within the alt tag description.

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

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 you have your alt tags crammed out for:

  • Pictures of Merchandise
  • Diagrams
  • Infographics
  • Your Web site Emblem
  • Screenshots
  • Images of Staff Members

Confirm That Your Analytics Are Put in Correctly

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

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

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

For those who discover an occasion the place the “UA” is adopted by a 7-digit quantity, then you might have confirmed that Google Analytics is put in on that one web page.

Additionally, hold monitor of what number of occasions “UA” exhibits up in your webpage. Generally, your analytics monitoring code can be inserted greater than as soon as unintentionally, which is pointless. If that’s the case, it’s best to have your developer take away the additional situations.

Subsequent, you should examine the remaining webpages in your web site to see in case your analytics code has been inserted on each web page. For those who 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 sort of makes analytics ineffective.

This generally is a daunting job when you’ve got an unlimited web site. It even will be unattainable 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 supplies 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 a fantastic device for being alerted to duplicate content material points and different unusual issues that may be lurking on an internet server.

Even xml-sitemaps.com offers you solely 500 outcomes without cost. You might must ask your developer to provide you a URL stock so that you’ve an entire map of your huge web site.

Moreover, you might have considered trying them to create a script or program to carry out these checks for you so that you don’t need to do them manually.


Realizing the right way to learn fundamental supply code is vital for anybody constructing a web site. It helps you create Website positioning-friendly webpages and web sites, in addition to establish pre-existing Website positioning points that hurt your web site’s position in the SERPs.

For those who’re having bother fixing Website positioning issues or need assist with Website positioning typically, our agency can help.

, Learn how to Learn Your Web site Supply Code and Why It’s Necessary, Docuneedsph

See How My Company Can Drive Huge Quantities of Site visitors to Your Web site

  • Website positioning – unlock huge quantities of Website positioning site visitors. See actual outcomes.
  • Content material Advertising – our staff creates epic content material that may get shared, get hyperlinks, and appeal to site visitors.
  • Paid Media – efficient paid methods with clear ROI.

Book a Call

Source link

Sharing is caring!

Related Posts

Leave a Reply