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.
On-Page Optimization techniques are:
Content Optimization: Content is the information and experience which share and publish 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:
Tools for sharing content are:
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, and put the keywords on right tag. For tag optimization basic knowledge of HTML is required. Tags are crawled by search engines but are not displayed to user as a part of web page content. It includes HTML tags, 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. In body section we use tags like heading tag (h1-h6), bold tag, img tag.
Title tag: 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 site. Title should be applied in all the pages and it should be unique. Title length should be between 50 to 60 characters including spaces.
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.
Use of <h1>, <h2> tag is must. H1 tag is must to use at least one time.
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 upto 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 click on link 404 error appear '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:
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 issues 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, Optimization of non-indexable attribute.
Non-indexable attributes or Image optimization: are those tag which search engines can’t crawl. Search engines can only read the text from our webpage, but not the images, video, flash files, iframe these tag is 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.