On-Page Optimization

On-page optimization is also known as on-site optimization. is the process of optimizing webpages and their content for search engines. This process helps pages rank higher on Google and drive more organic traffic.

On-page optimization techniques are:

Content Optimization
URL Optimization
Anchor Optimization
Tag Optimization
Text/Code Ratio
Broken Links
Keywords Analysis
Canonical issue
Page Speed Optimization
Sitemap
Robots.txt
Mobile Optimization
Google Webmaster
Google Analytics

Content Optimization: Content is the information and experience that shared and published in different forms (Text, Info graphics, Videos) to acquire and retain customers. Creating, Editing, and Promoting unique high-quantity content is difficult and time consuming, but in the end, the golden rule of SEO is that "Content is King". It is not because of a search engine, but it is for your site visitors. A page that is read by people is better than a page is read by bots.

So, write your content after a serious thought. Keep your title, keywords, link text, meta tags up to date, unique, and interesting.

Content Optimization also includes:

Conversion Form: like contact us form, enquiry form, feedback form.
Usability: It refer to User-Experience, weather the website is user-friendly or not.

Tools for sharing content are:

Social Media
Blogger
Wikipedia
Articles
Image Sharing
Video Sharing

URL Optimization: URL stands for Uniform Resource Locator, it represents the domain name of our website like website.com, website.com/aboutus.html etc. In this we check the domain name is containing any keyword or not, URL length, wild card character used in the URL etc.

File Naming: Still naming your filename as myfile.html or products.php, why not add some weight to your website page and help the search engine to gather related information and utilize your keywords into your filename (eg: python-programming.html) for a Book seller site of python books.

Anchor Optimization: Use descriptive anchor text for all your text links. Most search engines consider anchor text when ranking pages.
Example of anchor tag: <a href="page.html" title="anchor title"> Anchor Text </a>

Tag Optimization: Optimize the HTML tag means putting the right keywords the tag. For tag optimization basic knowledge of HTML is required. Tags are crawled by search engines, some tags are not displayed to user as a part of web page content. HTML tags are divided into two section i.e. head section and body section. In Head section we use tags like Title tag, Favicon, Meta keyword, Meta description, all these tags are not display to user directly all these tags are for search engine crawler. In body section we use tags like heading tag (h1-h6), bold tag, img tag, these tags are display to user as well as search engine crawl these tag data.

Title tag: Title is mentioned in the head section of the HTML file, it represents the document title. Title is very important in SEO, Search Engine read the title to index the page. The title should contain keywords and keyword phrases that are important to your web page. Title should be applied in all the pages and it should be unique. Title length should be under or approximately 35 to 65 characters to fit Google results that have a 600-pixel word limit and avoid truncation.

e.g. 1: <title>web designing concept</title>
e.g. 2: <title>shoes, Nike shoes, best shoes, review shoes</title>
e.g. 3: <title>Digital Cameras | Video Cameras</title>

Indexing is a process of creating index for all the fetched web pages and keeping them into a giant database from where it can be retrieved.

Favicon: it is a small image of a logo that appears in the title bar.

In <h1> tag first top most important keyword is used.

In <h2> tag second top most important keyword is used.

H1 tag is must to use but only once. H2 tags can be used any number of times.

In <b> tag specifies the other keywords. Bold text tells the search engine that this text is important and relates strongly to your content and keywords and should be taken notice.

In <img> tag, alt attribute optimization adds appropriate alternate text in image on web page as giving a specific keyword to image, it will help to crawl the image in Google and will gave an identity to particular image. In img tag, use of alt attribute is must for proper SEO.

Syntax: <img src="html.jpg" alt="html tag">

Doctype: In HTML code, the first line should be doctype. It refers to the document type, weather it is HTML version 4 or HTML version 5.

W3Validation: It checks your website code, weather it is according to W3Validation or not. To check website code visit validator.w3.org website and enter website URL.

Meta tags: HTML meta data is data about the HTML document. The HTML <meta> tag is used to provide information about the HTML document. Meta tag is an empty tag and so does not have a closing tag. Meta tags do not impact physical appearance of the document so from appearance point of view, it does not matter if you include them or not.

Meta tags optimize all the web page of your website. Create unique meta information for each optimized page including keywords and description.

Meta Keywords: In a web page you can put up to 100 characters length. Keep your keywords focused upon what your site is about.

<meta name="keywords" content="define digital marketing, learn digital marketing, online digital marketing course" />

In Meta description write the small summary of your web page. Meta description length should be 150 to 160 characters with space. Try to repeat your keywords that you used in your title in a proper sentence. Avoid using world like I, Me, Myself etc.

<meta name="description" content="On-Page Optimization is also known as On-Site Optimization. According to the algorithm Google Panda 4.0, On-Page Optimization play 35% role in White Hat SEO."/>

Broken Links: There are 3 types of links in the website i.e. Internal, External and Broken. Internal links are those links which redirect to another page but on same website. External links are those links which redirect to another website like Facebook link, YouTube link etc. Broken link are those links which does not redirect to another page, by clicking on it, a 404 error appears 'Page Not Found'. In a Web page, normally 20 internal links are better average, 5-6 external links and Zero broken links and if found it should be redirect to 404 error 'Page Not Found'.

Canonical: Optimize the canonical issue. Suppose, I have a website with a name 'website.com', then there are different URL's to visit that website.

For example:

http://website.com
http://www.website.com
https://website.com
https://www.website.com

If someone search this website on Google, or visit the website via URL, then Google treat these links differently. This issue is known as canonical issues. Google treat these four URL’s as different domain name.

To fix this issue canonical optimization is used in your HTML page, head section.

<link rel="canonical" href="http://www.website.com/">

The above code tells the Google that this URL is containing original web page.

Page Speed Optimization: using this option we will check the speed of the website via CSS optimization, JavaScript optimization, HTML optimization, Optimization of non-indexable attribute.

Non-indexable attributes or Image optimization: are those tag which search engines can't crawl. Search engines only read the text from our webpages, but not the images, videos, iframe tag, these tags are known as Non-indexable. So, optimize these tags to speed up your webpage.

Text / Code Ratio: check the text and the HTML code used in the website, the ratio of text / code is should be maintained. Text should not be less than 10%. To check website ratio, follow the website link: smallseotools.com/code-to-text-ratio-checker

Code to Text Ratio can be calculated as: Text Size / Page Size * 100.

Google Webmaster: it is a free web service by Google for webmasters. It allows webmasters to check indexing status and optimize visibility of their websites.