SEO Rules for Designers and Developers

- Please make sure there should not be any blocking CSS/JS and other scripts.

- Page speed of your website should be good.  80+ in mobile and desktop.

- Please create content box or section with vertically scrollable box at the bottom of the page 

(Category pages) and just above the footer. We are making a scrollable box because we want to put a lengthy content/text.

- Clean code is searchable code: Build the site in a text editor (Clarify please), 

Answer: Means we want CMS options for SEO tags like meta tags, alt tags, headings, title etc So we can easily edit them.

How many Ht tag needed to each page?
- Answer: Each page need three heading tags with following sequence.
H1>H2>
H1: - Title or Main heading of page
H2: Sub heading
H3: Any other sub-sub-heading

- The Home page is the most important page: Home page is the key to your site being found by search engines. It should summarize the rest of the site, and give a clear, compelling reason for a user to look at the other pages in the site.

- Alt Tags Matter: Put alt tags on all images, alt tags should be keyword of that page like "Buy car" for image of car. (We will make an option in backend to  upload alt text for individual uploaded image.)
- Answer: Ok, no issue at all, so SEO team adds alt tags later, but tries to fill alt tags default.

·         Image optimization is technically straightforward:

·         Image name — provide a name that clearly describes what the image is.(who will be responsible to  choose  image name?).Answer: For example if you are uploading image “car” then it’s image name should be like this.
car.jpg or name of product like “Ferrari-car.jpg”
It should be not like this “sldfdjf.jpg”
You can set image name as product title. Maybe you can write script for this.

·         Alt texts — use descriptive alt text to help those who can’t see the images to reinforce the image content. ( We will make an option in backend to insert  alt tag for individual uploaded image but the images coming from third party software can’t insert this option)
Answer: Ok, Thanks.

·         Add Open Graph and Twitter Cards so the image is used in social shares.

·         Use the image at the right physical size to ensure fast downloads.

·         Optimize the image’s file size to improve loading times.

·         Consider adding images to your XML sitemap.

-Design for Humans

- Put breadcrumbs on all pages for proper navigation.

- Create mobile friendly designs/mobile responsive designs (It is era of mobile)

- URL structure should be clean, follow this URL Structure

·         https://www.home.com (Home Page)

·         https://www.home.com/services

·         https://www.home.com/product-page

·         https://www.home.com/blog

·         https://www.home.com/blog-post

N.B: If we use migration process for product segment , the URL would be same as previous website, for different URL structure you have to upload each product individually.

Answer: In that case we need to setup the 301 redirect from old product URL to new product URL.

Only one hierarchy in URL is acceptable, no more further url's like this. Below URL format are not acceptable.

·         www.example.com/services/seo/

·         www.example.com/services/seo/audits/

·         www.example.com/s123/

·         www.example.com/s123/s1/

·         www.example.com/s123/s1/75/

- Usability

·         Page layout. Important elements should have more prominence.

·         Visual hierarchy. Make more important elements bigger!

·         Home page and site navigation. Clearly signpost directions for users.

·         Site search. Large sites need a sensibly positioned search option.

·         Form entry. Make forms as lightweight and easy to fill as possible.(We need proper field name for each form).
ANS: OK, Ste will provide this.

·         Design. Great design makes everything easier.

Before starting more work please go through this url's

https://moz.com/beginners-guide-to-seo/basics-of-search-engine-friendly-design-and-development

https://www.operationtechnology.com/seo-rules-to-live-by-for-designers/