SlideShare a Scribd company logo

Developers role in web site seo optimization

•
•
Naga Harish M
Naga Harish M

The document provides guidance for developers on search engine optimization techniques to implement in websites, including using appropriate HTML tags and page structure, optimizing page titles, meta tags and URLs, and adding social sharing links to increase traffic. Developers are advised to follow best practices for on-page SEO to help their sites rank higher in search engines and be more user-friendly.

Related slideshows

Basic SEO
Basic SEO Basic SEO
Basic SEO
 
concepts of SEO
concepts of SEOconcepts of SEO
concepts of SEO
 
Seo and analytics basics
Seo and analytics basicsSeo and analytics basics
Seo and analytics basics
 
1 of 24
Developer’s Role in Web Site SEO Optimization -Let’s create SEO friendly Web sites Naga Harish [email_address]
Small talk about SEO? S earch E ngine O ptimization. Why SEO? The goal is to get our site to appear at the top of search engine results under keywords. Major search engines are Google, Yahoo, Bing(msn), Ask and AOL For example Demo
Why it is showing few site links in first page? Because they followed SEO rules while creating web site pages. we must follow w3c stands in HTML markup and CSS. We need take advantage of some HTML tags Then next job is for SEO optimizer , we need to promote our site in search engines.
Developer’s roles Page layout must be look nice. Header Footer Content Sidebar
Creating URLs http://mywebsite.com/myp @ ge.html http://mywebsite.com/myp -64- ge.html http://mywebsite.com/my page.html http://mywebsite.com/my - page.html ( - or _) We must follow rules while creating Page name
Page Title We must create page title. Do not use special characters in title We can use “|”, “-“ and “_” if we want. One more thing we can we keyword in title. Code:- <head> <title>My page title – My site</a> </head>
Meta Tags It is best to add meta tags in page header tag. Those tags are Keywords – SEO keywords for your site Description - The meta description often appears in Google search This tags used by SEOs. Demo
In ASP.NET Code:- In master page:- <head runat=&quot;server&quot;> <asp:ContentPlaceHolder id=&quot;head&quot; runat=&quot;server&quot;> </asp:ContentPlaceHolder> </ head> In child page:-   <asp:Content ID=&quot;Content1&quot; ContentPlaceHolderID=&quot;head&quot; Runat=&quot;Server&quot;> <title>My page Title</title> <meta name=&quot;keywords&quot; content=&quot;keyword1, keyword2…&quot; /> <meta name=&quot;description&quot; content=&quot;Here description about current page&quot; />  </asp:Content> In code behind:- HtmlMeta meta = new HtmlMeta(); meta.Name = &quot;keywords&quot;; meta.Content = &quot;keyword1, keyword2…&quot;; this.Page.Header.Controls.Add(meta); Page.Title = &quot;My page title&quot;;
Heading:- It is best to using H1 tag for page heading. avoid using div tag as page header. And also it is good to have only one H1 tag pre page. We can have H2-H6 tags.
Importance of the First <P> First paragraph is the most important paragraph in page. search engine read the first paragraph and they assume that it’s a summary of the page/article. It is too Better have keywords in it.
Highlight keywords in page It is nice idea to make bold of SEO keywords on page. We can use <b> or <strong> tags. Search engines will give priority to bolded tags Code:-  <p>This is page content with SEO <b>keywords</b></p>
Title for Links
Use alt attribute in IMG The alt attribute should be used to describe an image. Because search engines cannot read images, it will read only text content. Code:- <img src=”company-logo.png” alt=”company name logo”/>
SEO and User friendly URLs It is good, to use friendly URLs in our sites. Mostly developers need and like to create pages with query strings. But it is not better to have more than 2 parameters in the URL. If there are no parameters, it is good. For example:- http:// mywebsite.com/blog.aspx?p=2 -- Dynamic URL http://mywebsite.com/blog/post/post-title -- Static URL/Friendly URL
Avoid access with multiple URLs for same page Please avoid multiple URLs access for same page. If we browse the same page with different URLs, that will be came duplicate content in SEO eyes. So, do not use multiple URLs. Just follow only one URL in full site to link to that page. http://mywebsite.com/index.html (or) default.aspx http://mywebsite.com/ // please added slash (‘/’) at end
Page weight Create page with less in weight to load in client side. SEO liking, less weight pages first. So do not go for more media content in page. No inline styles and Javascript
Custom 404 Page Not Found When we browse a URL that does not exist in server. So, in response the web server sends back a 404 Response code. This tells browser that the requested resource does not exist in server. Code:- Broken link http://mywebsite.com/404-page.aspx?aspxerrorpath=/page/no-page.aspx <customErrors mode=&quot;On&quot;> <error statusCode=&quot;404&quot; redirect=&quot;404-page.aspx&quot; /> </customErrors>
301 Redirect We must use 301 redirect for old page. 301 is help to get same raking of old page to new page Code:- Response.Status = &quot;301 Moved Permanently&quot;; Response.AddHeader(&quot;Location&quot;,&quot;/redirect-demo.html&quot;);
Sitemap for SEO and viewer too About SEO Sitemap , this is one xml file that contents all links of our site. This will be submitted in search engines, done by search engine optimizers. Demo Web site sitemap for users
No follow for external link Nofollow is <a> (hyperlink) tag’s attribute value used to instruct some search engines that should not influence the link target's ranking in the search engine's index. Code:- <a href=” http://our-website.com/ ” rel=”nofollow” title=”out website – friend site”>this is my friend’s web site</a>
Less use of Ajax and Media Ajax content will load dynamically, search engines will not cache those contents. Use less Media content like flash We can use in admin and logged user side.
Create Feeds It is also best to have feed for our site. Feeds used to alert the users about site updates. Feeds are also use to boost our site hits. Developer can write code to update the site activates in feeds automatically. Code:- <link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;Web Site name - RSS Feed&quot; href=&quot;http://mywebsite.com/rss.xml&quot; /> for RSS <link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Web Site name - ATOM Feed&quot; href=&quot;http://mywebsite.com/atom.xml&quot;/> for ATOM
Add social bookmarks This is one good way to make boost site hits. Just add most popular bookmarks links in the page. See Twitter bookmark URL http://twitter.com/home?status=[ Link-and-short-line-about-page I have code for this here, just try this http :// content.screencast.com/users/NagaHarish/folders/Default/media/0c82522e-51c7-44be-917b-56bea85873cd/bookmarks.zip?downloadOnly=true you can design in own way.
Naga Harish Movva Follow me : http://twitter.com/nagaharishmovva http://www.google.com/profiles/nagaharish.movva My Blog : http://shareourideas.wordpress.com/

More Related Content

Developers role in web site seo optimization

  • 1. Developer’s Role in Web Site SEO Optimization -Let’s create SEO friendly Web sites Naga Harish [email_address]
  • 2. Small talk about SEO? S earch E ngine O ptimization. Why SEO? The goal is to get our site to appear at the top of search engine results under keywords. Major search engines are Google, Yahoo, Bing(msn), Ask and AOL For example Demo
  • 3. Why it is showing few site links in first page? Because they followed SEO rules while creating web site pages. we must follow w3c stands in HTML markup and CSS. We need take advantage of some HTML tags Then next job is for SEO optimizer , we need to promote our site in search engines.
  • 4. Developer’s roles Page layout must be look nice. Header Footer Content Sidebar
  • 5. Creating URLs http://mywebsite.com/myp @ ge.html http://mywebsite.com/myp -64- ge.html http://mywebsite.com/my page.html http://mywebsite.com/my - page.html ( - or _) We must follow rules while creating Page name
  • 6. Page Title We must create page title. Do not use special characters in title We can use “|”, “-“ and “_” if we want. One more thing we can we keyword in title. Code:- <head> <title>My page title – My site</a> </head>
  • 7. Meta Tags It is best to add meta tags in page header tag. Those tags are Keywords – SEO keywords for your site Description - The meta description often appears in Google search This tags used by SEOs. Demo
  • 8. In ASP.NET Code:- In master page:- <head runat=&quot;server&quot;> <asp:ContentPlaceHolder id=&quot;head&quot; runat=&quot;server&quot;> </asp:ContentPlaceHolder> </ head> In child page:-   <asp:Content ID=&quot;Content1&quot; ContentPlaceHolderID=&quot;head&quot; Runat=&quot;Server&quot;> <title>My page Title</title> <meta name=&quot;keywords&quot; content=&quot;keyword1, keyword2…&quot; /> <meta name=&quot;description&quot; content=&quot;Here description about current page&quot; />  </asp:Content> In code behind:- HtmlMeta meta = new HtmlMeta(); meta.Name = &quot;keywords&quot;; meta.Content = &quot;keyword1, keyword2…&quot;; this.Page.Header.Controls.Add(meta); Page.Title = &quot;My page title&quot;;
  • 9. Heading:- It is best to using H1 tag for page heading. avoid using div tag as page header. And also it is good to have only one H1 tag pre page. We can have H2-H6 tags.
  • 10. Importance of the First <P> First paragraph is the most important paragraph in page. search engine read the first paragraph and they assume that it’s a summary of the page/article. It is too Better have keywords in it.
  • 11. Highlight keywords in page It is nice idea to make bold of SEO keywords on page. We can use <b> or <strong> tags. Search engines will give priority to bolded tags Code:-  <p>This is page content with SEO <b>keywords</b></p>
  • 13. Use alt attribute in IMG The alt attribute should be used to describe an image. Because search engines cannot read images, it will read only text content. Code:- <img src=”company-logo.png” alt=”company name logo”/>
  • 14. SEO and User friendly URLs It is good, to use friendly URLs in our sites. Mostly developers need and like to create pages with query strings. But it is not better to have more than 2 parameters in the URL. If there are no parameters, it is good. For example:- http:// mywebsite.com/blog.aspx?p=2 -- Dynamic URL http://mywebsite.com/blog/post/post-title -- Static URL/Friendly URL
  • 15. Avoid access with multiple URLs for same page Please avoid multiple URLs access for same page. If we browse the same page with different URLs, that will be came duplicate content in SEO eyes. So, do not use multiple URLs. Just follow only one URL in full site to link to that page. http://mywebsite.com/index.html (or) default.aspx http://mywebsite.com/ // please added slash (‘/’) at end
  • 16. Page weight Create page with less in weight to load in client side. SEO liking, less weight pages first. So do not go for more media content in page. No inline styles and Javascript
  • 17. Custom 404 Page Not Found When we browse a URL that does not exist in server. So, in response the web server sends back a 404 Response code. This tells browser that the requested resource does not exist in server. Code:- Broken link http://mywebsite.com/404-page.aspx?aspxerrorpath=/page/no-page.aspx <customErrors mode=&quot;On&quot;> <error statusCode=&quot;404&quot; redirect=&quot;404-page.aspx&quot; /> </customErrors>
  • 18. 301 Redirect We must use 301 redirect for old page. 301 is help to get same raking of old page to new page Code:- Response.Status = &quot;301 Moved Permanently&quot;; Response.AddHeader(&quot;Location&quot;,&quot;/redirect-demo.html&quot;);
  • 19. Sitemap for SEO and viewer too About SEO Sitemap , this is one xml file that contents all links of our site. This will be submitted in search engines, done by search engine optimizers. Demo Web site sitemap for users
  • 20. No follow for external link Nofollow is <a> (hyperlink) tag’s attribute value used to instruct some search engines that should not influence the link target's ranking in the search engine's index. Code:- <a href=” http://our-website.com/ ” rel=”nofollow” title=”out website – friend site”>this is my friend’s web site</a>
  • 21. Less use of Ajax and Media Ajax content will load dynamically, search engines will not cache those contents. Use less Media content like flash We can use in admin and logged user side.
  • 22. Create Feeds It is also best to have feed for our site. Feeds used to alert the users about site updates. Feeds are also use to boost our site hits. Developer can write code to update the site activates in feeds automatically. Code:- <link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;Web Site name - RSS Feed&quot; href=&quot;http://mywebsite.com/rss.xml&quot; /> for RSS <link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Web Site name - ATOM Feed&quot; href=&quot;http://mywebsite.com/atom.xml&quot;/> for ATOM
  • 23. Add social bookmarks This is one good way to make boost site hits. Just add most popular bookmarks links in the page. See Twitter bookmark URL http://twitter.com/home?status=[ Link-and-short-line-about-page I have code for this here, just try this http :// content.screencast.com/users/NagaHarish/folders/Default/media/0c82522e-51c7-44be-917b-56bea85873cd/bookmarks.zip?downloadOnly=true you can design in own way.
  • 24. Naga Harish Movva Follow me : http://twitter.com/nagaharishmovva http://www.google.com/profiles/nagaharish.movva My Blog : http://shareourideas.wordpress.com/