On Page SEO GuidelinesFor Designers & Developers

Introduction

• Basically, On Page SEO is done by SEO Expert but website is built by designers and developers.

• Some advanced on-page/on-site changes could not be done once website is live or it would take lots of time.

• Ultimately, People ignore such changes which will affect overall SEO of website and you would miss many good opportunities of turning your website viewer into customer.

• So, It is better to follow On Page SEO guidelines in advance.

• In this presentation, we gathered all possible On Page SEO Guidelines from different sources like Google PageSpeed Insights and Search Engine Land.

Title and Meta Tags

• Each page of website should have unique Title & Meta Description.

• It is not recommended to use <meta name=”title” content=””> for Page title. Always use <title> tag instead.

Tips for writing Title and Meta description without the help of SEO Expert

• Use this syntax for title: <Page Name> | Company Name

Example: PHP Development Services | ViitorCloud Technologies

• Just write one or two relevant sentences about the page in Meta description. Later on, SEO Expert will take care of it

Example: ViitorCloud Technologies offers PHP website development services at very affordable rates to the people around the globe.

Header Tags Optimization

• Web page should have only one <H1> tag.

• Properly optimize the use of other Header tags on the page.

• Use header tags according to importance of headings.

• It is fine to use other header tags multiple times except <H1>.

URL Optimization

• Create relevant, accurate and clear URLs.

• Avoid using parameters.

• Use hyphens(-) to separate words in URL.

• One page should be accessed by one URL only.

• If particular page could be accessed by more than two URLs then provide 301 redirects from URL to most preferred URL using .htaccess file or link canonical tag. Repeat this process for each URL.

Image Optimization

• Image should have proper name.

Example:

logo1.png -Wrong

viitorcloud-logo - Right

• Each image should have proper 'alt' & 'title' attribute.

• Compress large images without affecting their pixel quality.

(Source:https://developers.google.com/speed/docs/insights/OptimizeImages)

HTML, CSS, JavaScript

• It is recommended to use external JavaScript and CSS for better website performance.

• HTML and CSS should be W3C Validated.

• Make your CSS and JavaScript files accessible. Don’t block them using Robots.txt

• Avoid using HTML frames.

• Don’t use JavaScript for link navigation. Instead, Provide HTML links.

• Don’t use this HTML tag on important pages: <meta name=”robots” content=”noindex, nofollow”> and check all important.

• Reduce HTML table usage.

• Use properly coded lists using HTML.

Coding Guidelines

• Reduce code bloat.

• Declare your document type.

• Avoid using AJAX, Flash and iFrames.

• Underline clickable links & Differentiate link text.

• Use absolute links in navigation.

• Implement non-spiderable shopping cart links.

• Don’t use session IDs.

• Provide Breadcrumbs on each page except Home Page.

Sitemaps & Robots.txt

• Website should have Sitemap HTML page. URL of this page should be ‘sitemap.html’

• Sitemap page should be uploaded in root of the website and It should contain links of important website pages in tree structure.

• Allow spidering of site’s important pages via robots.txt.

• Disallow important pages like Admin page & others using Robots.txt to keep search engines out. You can also use Meta robots tag keep them out of Search engine result pages.

Implement Schema Markup and Structured Data

• There are many types of schema markup available for different types of websites.

• For most of the sites, Organization Schema Markup, WebSite Schema Markup, Breadcrumbs Markup & Site Navigation Schema Markup can be implemented.

• For e-Commerce sites, Publisher sites, Local business sites, Event listing sites & Recipe sites, dedicated schema markups are available.

• Refer the great article from Search Engine Land to learn more about structured data: A Guide To Schema Markup & Structured Data

Some Advanced Technical Guidelines to Improve Website Performance

• Enable compression for resources like JavaScript, CSS and others.

• Optimize CSS Delivery

• Minify Resources (HTML, CSS, and JavaScript)

• Leverage Browser Caching

Source: Google PageSpeed Insights

Other Guidelines

• Favicon icon should be available in each & every page.

• Create attractive custom 404 page.

• Use dash(-) to separate two words in URL, Image name, Alt tag, Title tag, Header tags and other relevant web page content.

• Take care of spelling and typo mistakes when writing texts of buttons, menus, Anchor text and images.

• If you create dummy web pages for testing purpose then make sure you delete them from server & don’t upload unnecessary things on server.

• If you have written any dummy content then remove them completely when you get actual content.

Did We Miss Anything?

Thanks for providing your valuable time! Let us know, If we missed anything.

Mail: support@viitorcloud.com

Skype: biz.viitorcloud

CONTACT US to know about our SEO Services