SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
Optimized Web Development; The SEO Factors
                                                                                                 A guideline; by AK Sabin

When a business owner decides to bring their business to the web, generally the last thing that they think about is search
engine optimization. They assume that whomever they hire to do their web design will put up a site and then submit it to the
search engines and the traffíc will magically pour in. Unfortunately it takes more than that to drive search engine traffíc to
your site, and even more unfortunately most developers don't program with SEO in mind, nor do they educate the client
about the process involved in gaining traffíc from search engines.


Whether it's carelessness or a lack of knowledge, or a combination of the two, this often leads to a client that several months
down the road doesn't understand why their site doesn't get any traffíc and isn't helping their business. A good designer will
not only program with SEO in mind, but will also educate the client about the basic principles of SEO, whether they are the
one who executes it or not.

Many times the clients I inherit have gone through this scenario and then face drastic on-site changes to get their site search
engine friendly before we are even able to begin the arduous process of link building. Whether you are designing a site for
yourself or for a client, following the simple steps below when programming will ultimately save the business time and monëy
and result in a search engine friendly site that truly maximizes the online potential of the business.

Use Proper Tags for Headings, Bold Text, Italic Text, and Lists

HTML has heading tags, bold tags, italic tags, and ordered and unordered lists for a reason and you should use them. Using
CSS you can practically style them however you like, but actually using a heading tag for your headings, and bold tags for
important text, will help allow search engines understand what text on a page is a heading or what is more important than the
surrounding text. Simply applying a CSS style that makes text largër or bold doesn't do that.




Optimize Your Images

Search engine spiders can't read text within an image. Adding ALT text to your image tag helps, but ideally you should
remove all wording from the image and style it using CSS, adding the remaining portion of the image as a background image
to the text. Here is a side-by-side comparison of two images that look the same in your browser, but much different to a
search engine spider.

Avoid Canonical Problems

Believe it or not, search engines can see http://yoursite.com, http://www.yoursite.com, and
http://www.yoursite.com/index.html as three different pages. A simple solution is to use a 301 redirect to point all of your
pages to their quot;wwwquot; counterpart. You can also select the preferred domain that Google shows in the new Google
Webmaster Tools console.

Get Rid of Session IDs if You have a PHP Site

Have you ever seen a PHPSESSID variable added to the end of a URL on a PHP page (it looks something like
PHPSESSID=34908908)? This happens because PHP will add a unique PHPSESSID to URLs within your site if cookies
aren't available. This can be extremely problematic for your site's search engine ranking. Google and Yahoo will see a
unique PHPSESSID in the URL every time they visit a page on your site, and in turn think that said page is a different page
each time. At worst, this could be viewed as duplicate content and get your site banned, and at best it will reduce the
perceived value of each page. One solution that I've used successfully is to utilize url_rewriter.tags.




Put CSS and JavaScrípt in External Files
Nearly every site nowadays uses CSS and JavaScrípt for something. While both are great for enhancing user experience,
neither will help your search engine ranking if left on your page. One of the factors that search engines consider when
ranking your site is the percentage of code relevant to the search term. CSS and JavaScrípt can take up hundreds of lines of
code, minimizing the importance of your text and in turn hurting your ranking. By putting them in separate files and simply
including them in your page by reference, you can reduce hundreds of lines down to one and increase the amount of code in
the file that is relevant content.




Minimize the Use of Tables in Layouts

The debate about whether or not tables should be used in site design has been going on for years and there's no end in site.
I fall somewhere in the middle � there are certain circumstances (like organizing tabular data) where I think tables still make
the most sense, but I also appreciate the SEO benefits of using CSS layouts. CSS layouts drastícally reduce the amount of
code in your site that isn't content that the user sees. Just like moving CSS and JavaScrípt to an external file, the less on-
page code that isn't content, the better. Chëck out search engine friendly layouts for some frëe example layouts.

Validate Your Site

A site doesn't have to be perfectly coded to rank high in the search engines (there are many, many other factors), but valid
HTML will help ensure that search engines and browsers alike will accurately see your page. Try using the official W3C
Validator or install this handy Firefox extension. Validating generally identifies areas of code that are redundant,
unnecessary, or not accepted across all browsers. All of which will help make your site more search engine friendly.




                                                     THNX
                                       [ AK SABIN, Web Architect, B'lore. ]
                                           http://www.kochicalling.com

Más contenido relacionado

Destacado

Destacado (20)

Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Overview of our business
Overview of our businessOverview of our business
Overview of our business
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Creds Web1501024x768
Creds Web1501024x768Creds Web1501024x768
Creds Web1501024x768
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
delta air line 2007 feb
delta air line 2007 febdelta air line 2007 feb
delta air line 2007 feb
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Pi Sean 7 Axel
Pi Sean 7 AxelPi Sean 7 Axel
Pi Sean 7 Axel
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
delta air line 2006jun
delta air line 2006jundelta air line 2006jun
delta air line 2006jun
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 
Como evitar enfermarse
Como evitar enfermarseComo evitar enfermarse
Como evitar enfermarse
 

Último

Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 

Último (20)

Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 

Search Engine Optimization Oriented Web Development

  • 1. Optimized Web Development; The SEO Factors A guideline; by AK Sabin When a business owner decides to bring their business to the web, generally the last thing that they think about is search engine optimization. They assume that whomever they hire to do their web design will put up a site and then submit it to the search engines and the traffíc will magically pour in. Unfortunately it takes more than that to drive search engine traffíc to your site, and even more unfortunately most developers don't program with SEO in mind, nor do they educate the client about the process involved in gaining traffíc from search engines. Whether it's carelessness or a lack of knowledge, or a combination of the two, this often leads to a client that several months down the road doesn't understand why their site doesn't get any traffíc and isn't helping their business. A good designer will not only program with SEO in mind, but will also educate the client about the basic principles of SEO, whether they are the one who executes it or not. Many times the clients I inherit have gone through this scenario and then face drastic on-site changes to get their site search engine friendly before we are even able to begin the arduous process of link building. Whether you are designing a site for yourself or for a client, following the simple steps below when programming will ultimately save the business time and monëy and result in a search engine friendly site that truly maximizes the online potential of the business. Use Proper Tags for Headings, Bold Text, Italic Text, and Lists HTML has heading tags, bold tags, italic tags, and ordered and unordered lists for a reason and you should use them. Using CSS you can practically style them however you like, but actually using a heading tag for your headings, and bold tags for important text, will help allow search engines understand what text on a page is a heading or what is more important than the surrounding text. Simply applying a CSS style that makes text largër or bold doesn't do that. Optimize Your Images Search engine spiders can't read text within an image. Adding ALT text to your image tag helps, but ideally you should remove all wording from the image and style it using CSS, adding the remaining portion of the image as a background image to the text. Here is a side-by-side comparison of two images that look the same in your browser, but much different to a search engine spider. Avoid Canonical Problems Believe it or not, search engines can see http://yoursite.com, http://www.yoursite.com, and http://www.yoursite.com/index.html as three different pages. A simple solution is to use a 301 redirect to point all of your pages to their quot;wwwquot; counterpart. You can also select the preferred domain that Google shows in the new Google Webmaster Tools console. Get Rid of Session IDs if You have a PHP Site Have you ever seen a PHPSESSID variable added to the end of a URL on a PHP page (it looks something like PHPSESSID=34908908)? This happens because PHP will add a unique PHPSESSID to URLs within your site if cookies aren't available. This can be extremely problematic for your site's search engine ranking. Google and Yahoo will see a unique PHPSESSID in the URL every time they visit a page on your site, and in turn think that said page is a different page each time. At worst, this could be viewed as duplicate content and get your site banned, and at best it will reduce the perceived value of each page. One solution that I've used successfully is to utilize url_rewriter.tags. Put CSS and JavaScrípt in External Files
  • 2. Nearly every site nowadays uses CSS and JavaScrípt for something. While both are great for enhancing user experience, neither will help your search engine ranking if left on your page. One of the factors that search engines consider when ranking your site is the percentage of code relevant to the search term. CSS and JavaScrípt can take up hundreds of lines of code, minimizing the importance of your text and in turn hurting your ranking. By putting them in separate files and simply including them in your page by reference, you can reduce hundreds of lines down to one and increase the amount of code in the file that is relevant content. Minimize the Use of Tables in Layouts The debate about whether or not tables should be used in site design has been going on for years and there's no end in site. I fall somewhere in the middle � there are certain circumstances (like organizing tabular data) where I think tables still make the most sense, but I also appreciate the SEO benefits of using CSS layouts. CSS layouts drastícally reduce the amount of code in your site that isn't content that the user sees. Just like moving CSS and JavaScrípt to an external file, the less on- page code that isn't content, the better. Chëck out search engine friendly layouts for some frëe example layouts. Validate Your Site A site doesn't have to be perfectly coded to rank high in the search engines (there are many, many other factors), but valid HTML will help ensure that search engines and browsers alike will accurately see your page. Try using the official W3C Validator or install this handy Firefox extension. Validating generally identifies areas of code that are redundant, unnecessary, or not accepted across all browsers. All of which will help make your site more search engine friendly. THNX [ AK SABIN, Web Architect, B'lore. ] http://www.kochicalling.com