• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Developers role in web site seo optimization
 

Developers role in web site seo optimization

on

  • 1,566 views

Developers role in web site SEO optimization

Developers role in web site SEO optimization

Statistics

Views

Total Views
1,566
Views on SlideShare
1,522
Embed Views
44

Actions

Likes
2
Downloads
0
Comments
0

4 Embeds 44

http://shareourideas.com 30
http://localhost 7
http://shareourideas.wordpress.com 6
http://localhost:8080 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Developers role in web site seo optimization Developers role in web site seo optimization Presentation Transcript

    • 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/