<p style="text-align: justify;">Search engine optimization is a technique that helps search engines to find and rank your site in response to a search query. It has two main parts – <a href="https://vividreal.com/services/search-engine-optimization/">on-page optimization &amp; off-page optimization</a>. In this blog we are discussing about various on-page factors and points to remember while optimizing them.</p>
<p style="text-align: justify;">On-page optimization, in a nutshell, refers to all the measures that can be taken directly within the website to improve its ranking in search engines, including title, Meta Descriptions, hx Tags, adding Schema etc. It is a foundational part of the overall SEO strategy implementation that focuses on indexation, crawl ability and website relevancy.</p>
<p style="text-align: justify;">Off-page, on the other hand, refers to all the things that you can do directly OFF your website to help you rank higher, such as social networking, PR submission, and forum &amp; guest blog marketing.</p>
<span style="font-weight: 400;">Before we move on, if you need any kind of help with SEO, you should definitely reach out to us. </span><a href="https://vividreal.com/hire-seo-gurus/"><span style="font-weight: 400;">Check out our team</span></a><span style="font-weight: 400;">. Let’s talk.</span>
<p style="text-align: justify;">For the purpose of giving beginners a reference guide, we have done detailed research on on-page factors and summarized some of the most important optimization techniques. All points are described below in detail:</p>

<h3 style="color: #29abe1; text-align: justify;"> <strong>1) Keyword Research</strong></h3>
<p style="text-align: justify;">Keyword research is an important part of SEO, as these can decide the character of your visitor types. Undertaking effective keyword research plays a critical role in bringing relevant visitors to your site.</p>
<p style="text-align: justify;">Find out all the relevant converting keywords related to your niche after studying the business, and plan a keyword theme, including broad and long term, which can drive targeted traffic to your website. You can use tools like Google Keyword Planner, Keyword tool, Google trends etc. to find out converting search terms.</p>
<p style="text-align: justify;"><strong>Here are the key points to remember while doing keyword research for your website:</strong></p>

<ul style="text-align: justify;">
 	<li>Study business and niche to figure out the keyword theme</li>
 	<li>Do keyword research by considering search volume and competition using various tools.</li>
 	<li>Understand the search trends in business niche and revise the keyword list</li>
 	<li>Collect a list of related keywords and synonyms within the business theme</li>
 	<li>Conduct Google Search for search behavior in target market and after considering Google's suggestions, finalize the list</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"> <strong>2) Title Tag</strong></h3>
<p style="text-align: justify;">Title tags—technically called title elements—defines the title of a webpage. Title tags are often used in search engine results page to display preview snippets for a given page, and are important both for SEO and social sharing.</p>
<p style="text-align: justify;">A well written title can signiﬁcantly improve your click-through-rate and it is extremely important for both users and search engines that it contains the keyword they are searching for. Here are the standards for a well optimized title tag:</p>

<ul style="text-align: justify;">
 	<li><strong><span style="color: #29abe1;">Title tag should</span> <span style="color: #29abe1;">accurately reflect the topic of the page</span></strong></li>
 	<li>It should be compelling for a user to click</li>
 	<li>Tag should include main keyword of the page</li>
 	<li>Site branding should go last</li>
 	<li>Should not exceed the character limit of 60</li>
 	<li>Title tag should be unique for every page</li>
 	<li>Include the location where the business targets</li>
</ul>
<p style="text-align: justify;"><span style="color: #000000;"><strong>Refer the below screenshot and compare the keyword rich, well optimized page title with un-optimized title tag.</strong></span></p>
<p style="text-align: justify;"><a href="https://vividreal.com/wp-content/uploads/2015/04/meta.png"><img class="img-responsive alignnone wp-image-420" src="https://vividreal.com/wp-content/uploads/2015/04/meta.png" alt="meta" width="575" height="340" /></a></p>

<h3 style="color: #29abe1; text-align: justify;"><strong>3) Meta Description Tag</strong></h3>
<p style="text-align: justify;">Meta descriptions are HTML attributes that provide a brief overview of the page's subject matter. Though search engines do not consider Meta description as a ranking factor, it has an important role in increasing the conversion rates of your website.</p>
<p style="text-align: justify;">Therefore, it should be a compelling description which a searcher will click without hesitation. Usually, it shouldn't be more than 160 words, with relevant keywords inserted into the sentence in a brilliant way.</p>
<p style="text-align: justify;"><strong><span style="color: #29abe1;">An ideal Meta description tag should:</span></strong></p>

<ul style="text-align: justify;">
 	<li>Describe the page content and compel the user to visit the page</li>
 	<li>It's best to keep it within a character limit of 150 - 160</li>
 	<li><span style="color: #29abe1;"><strong>Optimized with main keywords</strong> <strong>and secondary keywords</strong></span> <strong><span style="color: #29abe1;">and location if focusing on location targeting.</span></strong></li>
 	<li>Compelling for a user to click</li>
 	<li>Avoid duplicate Meta description for different pages</li>
</ul>
<p style="text-align: justify;">Refer the screenshot below for understanding the difference between optimized and un-optimized Meta description. The first Meta description truncates before completing the sentence, but in the second example, the optimized Meta description displays the full message without truncating.</p>
<p style="text-align: justify;"><a href="https://vividreal.com/wp-content/uploads/2015/04/meta2.png"><img class="img-responsive alignnone wp-image-422 size-full" src="https://vividreal.com/wp-content/uploads/2015/04/meta2.png" alt="meta2" width="541" height="196" /></a></p>

<h3 style="color: #29abe1; text-align: justify;"> <strong>4) Hx Tags</strong>:</h3>
<p style="text-align: justify;">H1 tag is the first and most important heading in the content of a page. It tells what the content of the page is going to be about, so search engines value its a lot.</p>
<p style="text-align: justify;">There are six different heading tags:<span style="color: #ff0000;"> H1, H2, H3, H4, H5, and H6</span>. Collectively these are referred to as Hx tags. They inform the search engine how the content is structured for readability.</p>
<p style="text-align: justify;">For e.g.: H1 tags indicates that the page title is followed by sub headings, which can be noted with H2, H3 tags etc. Secondary sub headings can be noted with H4, H5 tags. A well optimized hx tag should be according to the following standards:</p>

<ul style="text-align: justify;">
 	<li><span style="color: #29abe1;"><strong>Include target keywords in H1 &amp; secondary keywords in other Hx tags</strong></span></li>
 	<li>H1 tag must be unique for every page.</li>
 	<li>H1 should explain what the page is about &amp;<a href="http://www.searchengineguide.com/stoney-degeyter/how-to-use-hx-tags-to-boost-page-perform.php">amp;</a> should be similar to title but not exact.</li>
 	<li>Appealing to the user and make the user take desired action</li>
 	<li>H2, H3 tags are used properly with secondary keywords to denote the subsections of the page.</li>
 	<li>H4, H5, H6 follows the hierarchical structure by considering the keyword theme.</li>
</ul>
<p style="text-align: justify;">From the below screenshot you can see how hx tags can be utilized in a proper way.</p>
<p style="text-align: justify;"><a href="https://vividreal.com/wp-content/uploads/2015/04/hx.png"><img class="img-responsive alignnone wp-image-424 size-full" src="https://vividreal.com/wp-content/uploads/2015/04/hx.png" alt="hx" width="423" height="552" /></a></p>
<p style="text-align: justify;"><a href="http://www.searchengineguide.com/stoney-degeyter/how-to-use-hx-tags-to-boost-page-perform.php">Source</a></p>

<h3 style="color: #29abe1; text-align: justify;"><strong>5) Images</strong></h3>
<p style="text-align: justify;">Images are a strong visual part of a webpage. Alt text is used to show relevant information about an image to search engines, while Image title is a brief description about the visual content and the context of an image.</p>
<p style="text-align: justify;">If optimized properly, they can drive organic traffic from Google image search.  Both these information helps search engines to understand the image better.</p>
<p style="text-align: justify;">It also increases the keyword relevance of a page if used in a natural way. Consider the following while optimizing your alt tags:</p>

<ul style="text-align: justify;">
 	<li><strong><span style="color: #29abe1;">Alt tag should give</span></strong> <strong><span style="color: #29abe1;">an accurate description of the image</span></strong></li>
 	<li>It should contain keywords relevant to the image and content keyword theme.</li>
 	<li>Character length of alt tag should not exceeds 150</li>
 	<li>Title tag is mandatory for image optimization &amp; It should describe the image more accurately</li>
 	<li>Alt attribute is mandatory for every image that you need to index in search engines</li>
 	<li>Keep images in low bytes as is recommended (After the recent Panda update, the loading time of pages has become a vital part of SEO ranking )</li>
 	<li>Try to include keywords in filenames, as it helps Search Engine to detect relevancy</li>
 	<li>Images should be a minimum of 320 pixels and a maximum of 1280 pixels on one length</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>6) Anchor Text</strong></h3>
<p style="text-align: justify;">Anchor texts are text parts on a website that has a URL attached to it. Search engines follow the anchor (link) on a page to reach another page.</p>
<p style="text-align: justify;">It uses the text to determine the subject matter of the linked-to document. This helps search engines in understanding the context of a page within the website, and to boost your site ranking for relevant searches. For e.g. consider the following sentence:</p>
<p style="text-align: justify;"><span style="color: #ff6600;">I prefer <span style="text-decoration: underline; color: #3366ff;">BBC World News</span> than <span style="text-decoration: underline;"><span style="color: #3366ff; text-decoration: underline;">CNN</span> </span>because it provides more International news and seems to be more balanced.</span></p>
<p style="text-align: justify;">In the above example, the links would tell the search engines that when users search for <span style="color: #3366ff;">"CNN"</span>, it thinks that http://www.cnn.com is a relevant site for the term <span style="color: #3366ff;">"CNN"</span> and that http://www.bbc.co.uk is relevant to <span style="color: #3366ff;">“BBC world news.”</span> If many sites link that particular page/link as relevant for a given set of terms, that page can manage to rank well for these terms.</p>
<p style="text-align: justify;">Code sample</p>
<p style="text-align: justify;"><span style="color: #000000;">&lt;a href="http://www.sample.com"&gt;Sample Anchor Text&lt;/a&gt;</span></p>
<p style="text-align: justify;"><strong><span style="color: #29abe1;">A well optimized anchor text should:</span></strong></p>

<ul style="text-align: justify;">
 	<li><span style="color: #000000;">Include both types of keywords - primary and secondary</span> - according to the context of the page.</li>
 	<li>Utilize dofollow and nofollow in a proper ratio in each page.</li>
 	<li>Don't include too many exact match anchor texts, otherwise it will be counted as stuffed.</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>7) Content Quality &amp; Optimization</strong></h3>
<p style="text-align: justify;">Your content may be great but it won’t help your marketing efforts if it is not optimized for search engines. The process of making attractive content to search engines is called <a href="https://vividreal.com/services/content-services/">content optimization</a>.</p>
<p style="text-align: justify;">Optimizing a content is not just inserting specific keywords a number of times in order to increase its keyword density, but making the content well-written, organized, useful, relevant and social-ready for website users by optimizing it with the right elements.</p>
<p style="text-align: justify;">Here are a few important things to consider while optimizing your content:</p>

<ul style="text-align: justify;">
 	<li>Make sure all copies passed Copy-scape test/ Duplicate content detector test</li>
 	<li>Make it informative to users</li>
 	<li>Utilize all primary and secondary keywords (long term keywords) while optimizing your webpage content.</li>
 	<li><strong><span style="color: #29abe1;">While developing content, consider the keyword theme for the website and categories</span></strong></li>
 	<li>Write to provide value for users/clients</li>
 	<li>Content on every page should be unique</li>
 	<li>Keep minimum word count on individual pages, since Google panda algorithm penalizes duplicate thin content on webpages.</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>8) Keyword Density</strong></h3>
<p style="text-align: justify;">Keyword density is considered as an important on-page metric in on-page SEO. It’s the percentage of times a keyword appears on a web page in comparison with the total number of words on that page. Optimizing your website content with relevant and targeted keywords are mandatory for the success of a SEO campaign.</p>
<p style="text-align: justify;">Here are the important things to consider while optimizing webpage for keyword density:</p>

<ul style="text-align: justify;">
 	<li>Primary keyword should appear at the starting sentence of the first paragraph</li>
 	<li>Keywords density of any keyword shouldn't exceed more than 3%</li>
 	<li>Primary keyword must have a high keyword density compared to other phrases</li>
 	<li>Various keyword phrases should be present instead of concentrating only on one or two keywords</li>
 	<li><span style="color: #29abe1;"><strong>Keywords in the content</strong> <strong>should be used in a natural manner</strong></span></li>
 	<li>No keyword density should exceed more than 3%</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>9) Schema markup</strong></h3>
<p style="text-align: justify;">Schema is a type of micro data that makes it easier for search engines to interpret the information on a webpage more effectively, and serve the relevant search results based on user queries. By adding schema, you can alter the way your page is displayed in SERP by highlighting rich snippets that are displayed beneath the page.</p>
<p style="text-align: justify;">Consider the following things while tagging schema to your content:</p>

<ul style="text-align: justify;">
 	<li>Tag all possible content with schema, use the <span style="color: #3366ff;"><a href="http://schema.org">http://schema.org </a></span> for finding relevant data types according to the type of contents like restaurant, event, organization, creative work etc.</li>
 	<li>Schema should be added more creatively and compel a user to click on the link</li>
 	<li>Check the added schema in webmaster tool and fix errors if any.</li>
 	<li>If there is no relevant schema type present related to your content, you can make use of itemproperty additional type.</li>
</ul>
<p style="text-align: justify;">In the below screenshot, review schema is highlighted, which has stars and a rating scale with total number of reviews. Adding schema creatively helps to improve Click-Through-Rate. You can see the difference from screenshots:</p>
<p style="text-align: justify;"><a href="https://vividreal.com/wp-content/uploads/2015/04/schema.png"><img class="img-responsive alignnone wp-image-426 size-full" src="https://vividreal.com/wp-content/uploads/2015/04/schema.png" alt="schema" width="587" height="212" /></a></p>

<h3 style="color: #29abe1; text-align: justify;"><strong>10) Navigation and User Friendliness</strong></h3>
<p style="text-align: justify;">Having a clear and clutter-free navigation is the best thing you can do to make your website friendly for your visitors. Not over complicating things and configuring navigation equally on each page will greatly facilitate easy browsing of the site.</p>
<p style="text-align: justify;">Having clear calls to action with a user-friendly navigation will help make it easier to drive your visitors to goals, and prevent frustration for visitors who have to take unwanted steps for completing a purchase or reach a destination.</p>
<p style="text-align: justify;">Remember the followings things while dealing with Navigation &amp; User friendliness of your site:</p>

<ul style="text-align: justify;">
 	<li>Site navigation should be easy for users to reach all content on the website.</li>
 	<li>It should help search engines find all important content via crawling</li>
 	<li>Important content should not be presented by technologies like Ajax or called dynamically</li>
 	<li>All navigational links should be visible at least once when checked with JavaScript turned off</li>
 	<li>Url structure should be in SEO-friendly format</li>
 	<li>Should be with clear call to action</li>
 	<li>Mobile responsive version is recommended</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>11) Google Page Speed Insights Tool</strong></h3>
<p style="text-align: justify;">Page speed indicates how fast your webpage loads. Google has indicated site speed as one of the signals used by its algorithm to rank pages.</p>
<p style="text-align: justify;">In the recent Panda update, it was announced that the loading time of pages has become an important part of SEO ranking. So it is recommended to optimize page speed using Google page speed insight tool.</p>
<p style="text-align: justify;">Pages with a longer load time tend to have higher bounce rates and lower average time on-page. Longer load times have also been shown to negatively affect conversions.</p>
<p style="text-align: justify;">Consider the following factors while optimizing your page speed:</p>

<ul style="text-align: justify;">
 	<li>All the errors should be fixed by the designer team</li>
 	<li>Check if the page has a good score on Google page speed insights tool after fixing all the recommendations by Google. The score should be &gt;85 for both mobile and desktop versions.</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>12) No Index Tag</strong></h3>
<p style="text-align: justify;">No index tag prevents search engines from crawling a web page. This tag controls access to site on a page-by-page basis.</p>
<p style="text-align: justify;">This tag should be utilized on ecommerce sites with duplicate content issues, as this tag will block access to that particular page. To prevent the search engine crawlers from indexing a page on your site, place the following:</p>
<p style="text-align: justify;">Meta tag into the &lt;head&gt; section of your page.</p>
<p style="text-align: justify;"><strong>&lt;Meta name="robots" content="noindex"&gt;</strong></p>
<p style="text-align: justify;">This tag is used for preventing Google crawlers from indexing a page:</p>
<p style="text-align: justify;"><strong>&lt;Meta name="Googlebot" content="noindex"&gt;</strong></p>
<p style="text-align: justify;"><span style="color: #29abe1;"><strong>Keep in mind these points while adding no index tag</strong></span></p>

<ul style="text-align: justify;">
 	<li>Check if no index tag is added on correct pages</li>
 	<li>Check if all test pages are blocked by no index tags</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>13) Canonical Tag &amp; 301 Redirections</strong></h3>
<p style="text-align: justify;">Canonical tag is used when duplicate content problem occurs on a website. In e-commerce sites, it is common for more than two URLs to be represented a single page, this cause a duplicate content issue.  You can solve this issue by using a canonical tag to indicate to the search engine which is preferred page or original one.</p>
<p style="text-align: justify;">Syntax of canonical tag is:</p>
<p style="text-align: justify;"><strong>&lt;link rel="canonical" href="url of original page” /&gt;</strong></p>
<p style="text-align: justify;">Redirection is the process of forwarding one URL to another.  You can either permanently redirect old URLs to new one using 301 redirections or temporarily redirect pages using 302 redirections. If a single page can be accessed using more than one URL, you can redirect these unwanted URLs to original one using 301.</p>

<h3 style="color: #29abe1; text-align: justify;"><strong>14) Sitemap.xml</strong></h3>
<p style="text-align: justify;">Xml sitemap is a file where you can list webpages of a website and indicate to Google about the organization of your webpages. It allows us to include additional information about each URLs, such as when the page was last updated, how often the page changes, and how important the page is in relation to other pages on your website.</p>
<p style="text-align: justify;">Xml sitemaps helps to improve spider-ability and ensures that all the important pages on your site are crawled and indexed. After creating xml site, we can submit it to search engines via webmaster Tool so that it will get indexed fast.</p>
<p style="text-align: justify;">Here are the points to remember while creating sitemap:</p>

<ul style="text-align: justify;">
 	<li>Check if xml sitemap is created sucessfully</li>
 	<li>Check if all pages are included</li>
 	<li>Check if last updated, priority, change frequency are updated properly</li>
 	<li>Check if a sitemap is given for website visitors</li>
 	<li>Check if the xml sitemap is submitted on webmaster accounts</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>15) Robots.txt</strong></h3>
<p style="text-align: justify;">Robots.txt file gives search engines directions about what content should be crawled on a website. When a search engine bot visits a website, it first checks for the Robots.txt file.</p>
<p style="text-align: justify;">You can either disallow or allow particular directories with the help of robots.txt. Ensure whether you have verified the following points while working the robot.txt file:</p>

<ul style="text-align: justify;">
 	<li>Check whether robots.txt file is updated correctly</li>
 	<li>Check whether any required pages/directories are blocked</li>
 	<li>Check whether any content that needs to be blocked has been allowed</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>16) .htaccess</strong></h3>
<p style="text-align: justify;">A .htaccess file is used to configure the details of your website without altering the server configuration files.  It is used for creating custom error pages and redirection.</p>
<p style="text-align: justify;">When a htaccess file is placed in a directory, which is in turn ‘loaded via the Apache Web Server’, then the htaccess file is detected and executed by the Apache Web Server software.</p>

<ul style="text-align: justify;">
 	<li>Check if proper rule is present on .htaccess file to show only one version of the URL (with or without www)</li>
 	<li>Check if all redirections on the page are relevant and compare it with previous ones</li>
 	<li>Check if new site revamp required us to add/change any redirections</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>17) Webmaster &amp; Analytic Code</strong></h3>
<p style="text-align: justify;">It gives webmasters easy access to Google webmaster &amp; analytic data that can be used to make decisions for reviewing SEO strategy.</p>
<p style="text-align: justify;">Webmaster account gives:</p>

<ul style="text-align: justify;">
 	<li>Data about top visited pages, top keywords</li>
 	<li>Details about crawling and indexing activity of site</li>
 	<li>Data regarding latest internal and incoming links</li>
 	<li>Notifications about crawl errors etc</li>
</ul>
<p style="text-align: justify;">Analytic account is a free tool that you can use to track information about the way visitors of your site engage with it. It gives the following data:</p>

<ul style="text-align: justify;">
 	<li>Number of visit to pages, their sources, behavior, time spend etc</li>
 	<li>Comparison between different pages and their performances</li>
 	<li>Visitor segmentation, with which it’s easy to know how many visitors have increased after an SEO campaign.</li>
</ul>
<p style="text-align: justify;">All these are good reasons to add webmaster and analytic account to your website. Here are a few things to consider while dealing with webmaster &amp; analytic accounts:</p>

<ul style="text-align: justify;">
 	<li>Make sure you have added Analytic and Webmasters tracking code on all the pages of your website</li>
 	<li>Monitor keywords that are generating traffic in your keywords list, and ensure you are optimizing the site for them.</li>
 	<li>Analyze site traffic against algorithm updates.</li>
 	<li>Finding &amp; fixing crawl errors reported on the webmaster account</li>
 	<li>Check if the site is penalized for any manual penalty from Google</li>
</ul>
<h3 style="color: #29abe1; text-align: justify;"><strong>Conclusion</strong></h3>
<p style="text-align: justify;">On-page optimization is often called the core foundation for success of any SEO campaign. Its SEO durability is longer when compared to other off-page techniques, since all optimization are in accordance with search engine rules.
So, give them a try. They are actually pretty easy to implement and worthy with results.</p>
<span style="font-weight: 400;">As always, </span><a href="https://vividreal.com/hire-seo-gurus/"><span style="font-weight: 400;">feel free to reach out to us</span></a><span style="font-weight: 400;"> if you need any help with SEO. That’s all for now, cheers!</span>