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

Last updated: 04-13-2021

Read original article here

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

I hope you enjoy reading this blog post. If you want my team to just do your marketing for you, click here.

Underneath all the images, text, and calls to action on your website lies your webpage source code.

Google and other search engines “read” this code to determine where your webpages should appear in their indexes for a given search query.

This is a quick guide to show you how to read your own website source code in order to make sure it is SEO-friendly. I also will go over a few other situations where knowing how to view and examine the right parts of source code can help with other marketing efforts.

The first step in checking your website’s source code is to view the actual code. Every web browser allows you to do this easily. Below are the keyboard commands for viewing your webpage source code for both PC and Mac.

Once you know how to view the source code, you need to know how to search for things in it. Usually, the same search functions you use for normal web browsing apply to searching in your source code. Commands like CTRL + F (for Find) will help you quickly scan your source code for important SEO elements.

The title tag is the holy grail of on-page SEO. It’s the most important thing in your source code. If you’re going to take one thing away from this article, pay attention to this:

You know those results Google provides when you’re searching for something?

All of those results come from the title tags of the webpages they are pointing to. If you don’t have title tags in your source code, you can’t show up in Google (or in any other search engine, for that matter). Believe it or not, I’ve actually seen websites without title tags!

Now, let’s do a quick Google search for the term “Marketing Guides”:

You can see that the first result is for the KISSmetrics blog section on marketing guides. If we click on that first result and view the page source code, we can see the title tag:

The title tag is designated by the opening tag:

You can see that the content inside the title tag matches what is used in the headline of that first Google result. Not only are title tags required in order to be included in Google search results, but Google identifies the important keywords in your title that they think are relevant to users’ searches. If you want a certain webpage to rank for a particular subject matter, you’d better make sure words that describe the subject matter are in the title tag. To learn more about how keywords and title tags are important in your overall site architecture, check out this post. There’s one last thing to remember: every webpage on your website should have a unique title tag. Never duplicate this content. If you have a small website, such as 10 or 20 pages, it’s easy enough to review each title tag for uniqueness. However, if you have a larger website, you’ll want some help. This is a simple four-step process: After landing on the site audit overview, scroll down to the fourth section of results (it’s the last one on the page) to review Top SEO Issues. This is where you’ll find if you have duplicate title tags or meta descriptions. If nothing is showing here, you’re in the clear. If you see duplicates, such as the 30 pages for my website, dig deeper. Tags”

You may find a major issue, such as several of your blog posts sharing the same title tag. You may also find that it’s no big deal, such as the 26 pages in my report with the title “Blog Neil Patel’s Digital Marketing Blog.”
Upon clicking on the 26 pages prompt, you see:

While the title is the same on 26 pages, it’s nothing more than the pages of my blog that house the content. It’s not the actual blog posts or primary pages of my website.
Meta Descriptions in Source Code
Another important part of your webpage’s head section is the meta description tag. This 160 character snippet is a free advertising copy that gets displayed underneath your title content in the search engines.

I’ve seen hundreds of websites that completely ignore this tag. It’s very easy to find in your source code:

Check to make sure it’s on all of your webpages. More importantly, check to make sure you’re not duplicating it across multiple pages. Duplicating a meta description tag is not a search engine penalty, but it’s a very big marketing mistake.
A lot of people gloss over the meta description, but you really should put some thought into it because it is read by search engine users. Think about what copy would help pull in more visitors and increase click-throughs.
H1 Headings in Source Code
H1 headings carry a little on-page SEO weight, so it’s a good idea to check your pages to make sure you are using them properly. For each page on your website, look over the source code to see if you spot this tag:

You don’t want more than one set of H1 tags appearing on any given webpage. In other words, don’t try to purposely boost your SEO by including multiple H1s. If you over-optimize your site, it will harm you in the long run.
Use your H1s for what they’re meant for: the biggest heading on the page. On your home page, this might be your value proposition.
Nofollows in Source Code
If you engage in link building, then checking your backlinks to see if they are nofollowed is a must.
But before I go further, I have to talk a little about what “link juice” is.
In the world of SEO, getting another website to link to your site is a great achievement. That link is seen by search engines as an endorsement. Search engines factor in the number of links that point to your site when they are ranking your site in their engines. “Link Juice” is a non-scientific term for the so-called power that the link provides your website or webpage in question.
Nofollows are an attribute that can be coded into a link to stop the link juice from flowing to a website. This is a very common thing you will see in the links present in the comment section of blogs.
To find out if your backlinks are passing link juice, you should check to see if the links have nofollow attributes inside them. If they do, then the link you worked so hard to get isn’t doing much for you since the nofollow attribute basically tells Google to ignore your webpage.

In the picture above, rel=’external nofollow’ is in the anchor link. Even though a person can click through on the link, no link juice is being passed.
Some people think that Google actually does count some link juice from nofollows, but to be conservative in your backlink counting, you should assume nothing is getting passed.
Alternatively, you may want to “page sculpt” some of your own webpages. Some SEOs believe it’s a good idea to limit what pages you send your internal link juice to so that more important webpages get the majority of the site’s overall link juice. You can do this by nofollowing some of your internal website links. For example, you might want to nofollow all of the links to your privacy policy or other boring / uninteresting pages.
Google will tell you to ignore this practice, and I somewhat agree. It’s kind of a tedious, unnecessary task, and your energy is better spent on creating great content instead.
Image Alt Tags in Source Code
Empty image alt tags are very common SEO boo-boos. Image alt tags describe what your images are to robotic search engines.
If you run an e-commerce website, you definitely want to make sure your alt tags are filled out. A good idea is to make sure that the product brand name and serial number are in the alt tag description.

Above is a screenshot of an image tag with the alt tag buried inside it.
Yoou shouldn’t use alt tags for decorative images. That can be seen as an over optimization and could earn you a penalty. Just make sure you have your alt tags filled out for:
Images of MerchandiseDiagramsInfographicsYour Website LogoScreenshotsPhotos of Team Members
Verify That Your Analytics Are Installed Properly
One last great reason for checking your source code is to make sure you have Google Analytics installed on every webpage of your website.
Checking is very simple. For Google Analytics, just view the source code of your webpages and search for the letters “UA.”

If you find an instance where the “UA” is followed by a 7-digit number, then you have confirmed that Google Analytics is installed on that one page.
Also, keep track of how many times “UA” shows up on your webpage. Sometimes, your analytics tracking code will be inserted more than once accidentally, which is unnecessary. If that’s the case, you should have your developer remove the extra instances.
Next, you need to check the remaining webpages on your site to see if your analytics code has been inserted on every page. If you don’t have your analytics tracking code on every page of your website, you’re not getting a complete picture of what’s happening on your site, which kind of makes analytics useless.
This can be a daunting task if you have an enormous website. It even can be impossible to check manually.
I like to use xml-sitemaps.com to get a text file of all the URLs my website has within it. This provides me with an inventory checklist which helps to keep track of which URLs might need some extra attention (like having analytics installed on them).
It’s also a great tool for being alerted to duplicate content issues and other strange things that might be lurking on a web server.
Even xml-sitemaps.com will give you only 500 results for free. You may need to ask your developer to give you a URL inventory so that you have a complete map of your massive website.
Additionally, you may want them to create a script or program to perform these checks for you so you don’t have to do them manually.
Conclusion
Knowing how to read basic source code is important for anyone building a website. It helps you create SEO-friendly webpages and websites, as well as identify pre-existing SEO issues that harm your site’s position in the SERPs.
If you’re having trouble fixing SEO problems or want help with SEO in general, our agency can help.





See How My Agency Can Drive Massive Amounts of Traffic to Your Website

SEO - unlock massive amounts of SEO traffic. See real results.
Content Marketing - our team creates epic content that will get shared, get links, and attract traffic.
Paid Media - effective paid strategies with clear ROI.

Book a Call




Share





















Do you want more traffic?
Hey, I'm Neil Patel. I'm determined to make a business grow. My only question is, will it be yours?










About Neil Patel
He is the co-founder of NP Digital. The Wall Street Journal calls him a top influencer on the web, Forbes says he is one of the top 10 marketers, and Entrepreneur Magazine says he created one of the 100 most brilliant companies. Neil is a New York Times bestselling author and was recognized as a top 100 entrepreneur under the age of 30 by President Obama and a top 100 entrepreneur under the age of 35 by the United Nations.
Learn more














Guides
Guides

Digital Marketing
Online Marketing
Google AdWords
Facebook Advertising
Remarketing
SEO
Content Marketing
Blogging
Growth Hacking
Social Media Marketing
Affiliate Marketing
Conversion Optimization
Marketing Automation


Agency

Ecommerce Agency
AdWords Agency
SEO Agency
PPC Agency
Digital Marketing Agency
PPC Companies
SEO Companies
Facebook Advertising Consulting





Tools
SEO Analyzer
A/B Testing Calculator
Ubersuggest
Backlinks Checker
Chrome Extension



Do you want more traffic?
Hey, I'm Neil Patel. I'm determined to make a business grow. My only question is, will it be yours?










Comments (67)








Speak Your Mind Cancel reply

Save my name, email, and website in this browser for the next time I comment.









ENEnglish (EN)Português (BR)Deutsch (DE)Español (ES)Italiano (IT)
Blog
Pricing
Training
Tools

SEO Analyzer
A/B Testing Calculator
Ubersuggest
Backlinks Checker
Chrome Extension


Consulting
Contact

Sign in




Privacy
Do Not Sell My Info
Terms of Service



© 2021, by Neil Patel Digital, LLC

Follow me around the web
Twitter
Facebook
YouTube
LinkedIn
Instagram








Do you want more traffic?

Yes, I want more traffic
No, I have enough traffic





var subscribersSiteId = 'cb29895f-6e7b-4f53-bb94-d1bec0f9dc84';
var subscribersServiceWorkerPath = '/?firebase-messaging-sw';




!function(){var t=function(){var t=document.createElement("script");t.src="https://ws.audioeye.com/ae.js",t.type="text/javascript",t.setAttribute("async",""),document.getElementsByTagName("body")[0].appendChild(t)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",t):window.attachEvent&&window.attachEvent("onload",t):t()}()















You're moments away from growing your traffic
What’s your name?





What website should we analyze?
Example: www.neilpatel.com





How can we get in touch with you?
What’s your email address?





Let's have an one-on-one conversation
What's your phone number?



Monthly Marketing BudgetUnder $750$750 to $1,500$1,500 to $5,000$5,000 to $10,000$10,000 to $25,000$25,000 to $50,000$50,000 to $100,000Above $100,000

We want to create a plan that works within your budget
What's your marketing budget?



Revenue$0 to $3 million$3 to $10 million$10 million to $50 million$50 million to $100 millionAbove $100 million

We want to create that works for you business size
What's your yearly revenue?













/* */



/* */



/* */







/* */


(function() {
var expirationDate = new Date();
expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=; secure";
}());
var thirstyGoogleClickTrack = function ( e ) {

var $this = jQuery( this ),
linkID = $this.data( 'linkid' ),
href = linkID ? $this.attr( 'href' ) : thirstyFunctions.isThirstyLink( $this.attr( 'href' ) ),
action_name = 'Partner Link Click',
page_slug = '/blog/how-to-read-source-code/',
home_url = 'https://neilpatel.com';

if ( ! href || typeof ga !== 'function' ) {
return;
}

var is_uncloak = href.indexOf( home_url + '/' + thirsty_global_vars.link_prefix ) < 0,
href_parts = href.split('/'),
href_last = href_parts[ href_parts.length - 1 ] ? href_parts[ href_parts.length - 1 ] : href_parts[ href_parts.length - 2 ],
link_text = $this.text(),
link_uri = linkID && is_uncloak ? href : href.replace( home_url , '' ),
link_slug = linkID && is_uncloak ? href : href_last;

ga( 'send' , 'event' , {
eventCategory : action_name,
eventAction : link_uri,
eventLabel : page_slug,
transport : 'beacon'
} );
};

jQuery( document ).ready( function($) {
$( 'body' ).on( 'click', 'a', thirstyGoogleClickTrack );
});

wpcf7.cached = 0;
window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:1000,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)




. The title tag is usually near the top of your source code in the


Read the rest of this article here