SEO for Designer
- asifshahid
- Insanely Distorted
- Posts: 4329
- Joined: Tue Oct 16, 2007 2:35 pm
- Full Name: Asif Shahid
- x 37
What are the things a designer should consider for SEO based site while he designs a website in photoshop?...Thanks in advance
Asif Shahid
Sydney, Australia
Sydney, Australia
- shabbir
- Proud Member
- Posts: 1187
- Joined: Sat Oct 27, 2007 2:24 am
- Full Name: Shabbir Hossain
- Expertise: Other...
- x 6
I liked the question you have raised. SEO is always a big challenge for a website. Lots of people will explain and suggest you in thousands of their own way and so do I . I have struggled 2 long years just wanted to keep one of my site number 1 rank in Google, MSN and Yahoo. Yes it took 2 damn year. Believe me SEO is simply a long process. Let me just cut out my 2 years history and make it in simple with some major points
1. Be patient with your results: SEO isn't magic and it takes time
2. Consider SEO as a partner to bring success to your online business
3. SEO is more than ranking and traffic
4. SEO isn't everything
5. SEO is a balance
6. Learn the basics of SEO to save your SEOs time by not asking basic questions
7. Prepare to create content (or hire a copywriter, or have SEO create the content as another project)
8. If you want to redesign, consult an expert to keep your website SEO friendly
9. SEO isn't a one-time effort
10. Don't go for buy any 3rd party tool whithout knowing the basic of SEO development and your site goal.
11. Forum and Blog are very useful to keep your ranking forward in Search engines
You know what I can go on and on so better stop it right here. Let me know if you have any question regarding the SEO implementations.
Shabbir
1. Be patient with your results: SEO isn't magic and it takes time
2. Consider SEO as a partner to bring success to your online business
3. SEO is more than ranking and traffic
4. SEO isn't everything
5. SEO is a balance
6. Learn the basics of SEO to save your SEOs time by not asking basic questions
7. Prepare to create content (or hire a copywriter, or have SEO create the content as another project)
8. If you want to redesign, consult an expert to keep your website SEO friendly
9. SEO isn't a one-time effort
10. Don't go for buy any 3rd party tool whithout knowing the basic of SEO development and your site goal.
11. Forum and Blog are very useful to keep your ranking forward in Search engines
You know what I can go on and on so better stop it right here. Let me know if you have any question regarding the SEO implementations.
Shabbir
- asifshahid
- Insanely Distorted
- Posts: 4329
- Joined: Tue Oct 16, 2007 2:35 pm
- Full Name: Asif Shahid
- x 37
thanks shabbir bhai for reply.....its really cool....but my concern is when a designer designs a website, what are the guideline he should follow for SEO...only design part, say for example: designer should design in such a way that intro text should be placed on top of the site. It could be intro text, services, products etc. so that search engine can find the important texts of the site when it scrolls.
Asif Shahid
Sydney, Australia
Sydney, Australia
i always thought of the question " how a google bot crawls a website" and the answer is the key. To me designers should know the answer to the question and should build/design the site accordingly. Keep in mind at the end of the TRAFFIC is what matters not LOOK
Did you mean "What are the things a designer should consider in order to make the site Search Engine friendly?"smasif wrote:What are the things a designer should consider for SEO based site while he designs a website in photoshop?...Thanks in advance
If that's the case, you should plan your layout and slicing focused to leave more room for HTML TEXTS. Instead of having a lot of image based headings, try to use some <h1>, <h2> etc..
When a spider starts to crawl a site, it looks for these tags to get an idea about the site's actual content.
So is with links, they should be readable by the bots sent from google, msn, yahoo etc..
If you are very happy with what you have designed already, and you want to leave the headings as image, please dont forget to put alt and title inside the img tag.
For example:
Code: Select all
<img src="http://www.mydomain.com/images/myheadingimage.png" alt="This is my Heading" title="This is my Heading" />
This way, you can make not only search engine friendly websites, but also, they will be accessible too! A good blind guy might be visiting your beloved homepage with the help of a screen reader.... who knows...!
Wahid
- asifshahid
- Insanely Distorted
- Posts: 4329
- Joined: Tue Oct 16, 2007 2:35 pm
- Full Name: Asif Shahid
- x 37
Wahid bhai PERFECT!!!!....this is the answer which i was looking for - SEO for designer. nicely described. I raised this issue coz now a days most of the developers outsource the design part of a website....so in that case a designer has the responsibility to make a site SEO friendly. Thanks again Wahid bhai
Asif Shahid
Sydney, Australia
Sydney, Australia
- pagol
- Insanely Distorted
- Posts: 3298
- Joined: Sat Nov 03, 2007 8:41 pm
- Full Name: Koba
- Expertise: Jack of all, master of NONE
- x 81
ho wahid mama tek koichen.... and mos of designer don't care Title. but it's impotent. and no more thing.. image file name.. like
intel_banner.jpg / intel_header / ( for header just an example )
intel_about_us.gif / intel_contact_us.gif ( for menu file name example )
and avoid big image.
what do you think ?
intel_banner.jpg / intel_header / ( for header just an example )
intel_about_us.gif / intel_contact_us.gif ( for menu file name example )
and avoid big image.
what do you think ?
** KISS Principle **
- pagol
- Insanely Distorted
- Posts: 3298
- Joined: Sat Nov 03, 2007 8:41 pm
- Full Name: Koba
- Expertise: Jack of all, master of NONE
- x 81
More few impotent thing
Use keywords! Why use “contact.html” when you could use “contact-the-blue-widget-specialists.html”??? Your page names are a good place to slip in an “exact match” high-volume keyword phrase… Do this where appropriate - like every page on your site - to help reinforce the keywords in Title / Description tags.
Use hyphens and not underscores! In a URL, or in a text anchor on a page, the underscore blends with the hyperlink underline, making it difficult to see that it is not a space.
Do NOT use spaces! Aside from the fact that the operating system has to fill the gaps with the awful %20 - there are still some operating systems and browsers in use around the globe that struggle to process spaces in file names.
Do NOT use CAPITALS in file names - Windows does not care, and will treat “Blue-Widgets.html” and “blue-widgets.html” as the same file… However, operating systems such a Linux are case sensitive and see that variation as two completely different filenames! If you’ve typed internal hyperlink file names with case variations, you may well generate broken links for some users.
Confine yourself to the Alphabet, and numerals, with hyphens between words. Do not commit the heinous crime of adding special characters into your file names! Linux allows pretty much any character except a forward slash (/) - but other operating systems might choke on them!
Remember that SE’s really don’t like all the “&” and “?” and “=” that some CMS systems add. For example, if you are an osCommerce user, its a straightforward task to have Ultimate SEO URL’s installed, and produce plain-English file names.
Use keywords! Why use “contact.html” when you could use “contact-the-blue-widget-specialists.html”??? Your page names are a good place to slip in an “exact match” high-volume keyword phrase… Do this where appropriate - like every page on your site - to help reinforce the keywords in Title / Description tags.
Use hyphens and not underscores! In a URL, or in a text anchor on a page, the underscore blends with the hyperlink underline, making it difficult to see that it is not a space.
Do NOT use spaces! Aside from the fact that the operating system has to fill the gaps with the awful %20 - there are still some operating systems and browsers in use around the globe that struggle to process spaces in file names.
Do NOT use CAPITALS in file names - Windows does not care, and will treat “Blue-Widgets.html” and “blue-widgets.html” as the same file… However, operating systems such a Linux are case sensitive and see that variation as two completely different filenames! If you’ve typed internal hyperlink file names with case variations, you may well generate broken links for some users.
Confine yourself to the Alphabet, and numerals, with hyphens between words. Do not commit the heinous crime of adding special characters into your file names! Linux allows pretty much any character except a forward slash (/) - but other operating systems might choke on them!
Remember that SE’s really don’t like all the “&” and “?” and “=” that some CMS systems add. For example, if you are an osCommerce user, its a straightforward task to have Ultimate SEO URL’s installed, and produce plain-English file names.
** KISS Principle **