Wednesday, October 20, 2010

Top 7 CSS Tricks for Better SEO

As most of us know it is often really difficult to build websites for both the user and Google



Google still needs to be assisted in finding and assessing a website’s worth to such an extent that it can break the user experience altogether. 



Of course there are plenty of CSS solutions to remedy Google’s weaknesses. Although I do not like the term tricks I have to refer to them as CSS tricks as in fact these are often workarounds to suit Google. Google spiders are still barely able to deal with most advanced web technologies like Flash  or  AJAX.



Google spiders are like little children, you really have to assist them to find stuff and understand it.



There are other search engines of course but they struggle even more so to keep it simple I will concentrate on Google, which is the by far dominant search engine in most of the western markets.






On a side note: “Trick” sounds like “black hat SEO” or cheating search engines. Well, take a look at them yourself and tell me whether I’m cheating or whether Google is making web development a pain in the back.



OK, then. Let me present to the top 7 CSS tricks for better SEO in no particular order:






1. CSS Pagination


Google has a serious problem with ranking long articles which are divided into several parts. Also long one page articles will outrank short ones usually. Apart from that the usability is key in making your visitors read the whole article so you don’t want users neither to scroll for ages nor to click a link and send a request each time they want to get to the next page of your article.


The solution is  CSS pagination. Isn’t it hidden text though? Hidden text is one of the oldest “tricks” to cheat search engines, webmasters still employ it and my potential clients sometimes wonder why they don’t rank while using hidden text. So hands off hidden text! Anyways this way you can divide the content into easily digestible parts while still having it on one page. Take heed to another limitation of Google: The crawler might not crawl a very large page in its entirety.






2. Absolute Positioning


The higher your content is on a given page the more it counts for Google. Google does not see a page like a human being, it crawls the code. Thus the higher your content is in the code the better. So if you have a complex site with lots of menus, scripts and other gimmicks you should consider absolute positioning otherwise Google might even stop crawling your page before it reaches the main content. You can place the actual content high up in the code, at the top, while the users will see it in the middle of the page below the menus.






3. Styling h1, h2, h* Headlines


In HTML the h1 headline appears huge by default, the h2 is still much larger than the rest of the page copy etc. Many web designers thus used divs and spans for headlines for years to style them the way needed. Now Google won’t know what the headline is unless you tell Google by using h* tags. It’s like in 1999: You really need to use h1, h2 etc.


Of course you don’t have to make huge h1 headlines like in pre CSS times. Just style the h1 the size you want, also you can get rid off the line-height etc. which h1 headline force upon you by using the display: inline; attribute.






4. sIfr/Image Replacement for Headlines


Many people will argue that styling headlines with CSS is not enough for web designers. They are in fact right. I think it’s by now grotesque that we’re in 2010 and we still are quite limited to less than a dozen basic standard “web safe” fonts for web design. We were meant to have flying cars by 2000 and now we do not even have real typography on the web.


Many people have tackled this problem with image replacement techniques for headlines, which in short will hide the original headline and insert an image in it’s place. Some of them are fairly advanced , others are very simple. No isn’t it hidden text again? Yes, it is! Also some of these methods will hamper your SEO efforts more directly as the crawlers won’t recognize the headline anymore.


There is one popular image replace technique called sIfr which has been officially approved by Google. It uses Flash to display the headline in any font you wish but in code the h* tags are still recognizable.






5. Using Lists (ul/ol)


Most SEO experts agree by now that so called keyword density is not a major positive ranking factor. It means that mentioning your keywords 20 times instead of 5 will not make you rank better in Google. You may get penalized for so called keyword stuffing though. Now what to do in case where you really need to use the same words over and over?


Use an unordered or ordered list. Google allows repetition in lists without penalizing you. 

With CSS you can style lists in any way you desire so that if you do not want a list to be clearly visible list style it accordingly. Some people do even a whole site design without tables and layers (divs) or even spans.






6. CSS Sprites


Now that site speed is an official ranking factor at Google even the webmasters who didn’t care about fast loading pages until now have to. One simple technique to use reduce page load and the number of requests is the usage of so called CSS sprites. CSS sprites are basically several small images merged into one big image.


Instead of loading each image by itself you can load just the CSS sprite and display only part of it depending on the user interaction. You use a background-image for that purpose and move the displayed area on click or mouse over then. In order to accomplish that you simply change the background-position in the CSS.






7. Pure CSS Menus


While pure CSS menues are not really a trick most people still assume that you need JavaScript or other enhancements to make dynamic menus. Well it’s not true, many advanced CSS only menus offer slick interactivitywhile being the best choice for Google and other search engine spiders.








Now can you use this methods for cheating Google? Well, I guess you can, but these techniques are so low level that Google won’t count it anyway. For all those who mistake SEO with spam: Spam works on a whole different level nowadays so using stuff like hidden text is ridiculous by now.



These CSS tricks can help you with legitimate SEO efforts.



I do not like the term white hat SEO as it acknowledges that there is another kind of SEO (I don’t agree with that premise, I rather divide: Either it’s SEO or it’s spam). Nonetheless: It’s all white hat SEO if you ask me. 



Now you might argue this is not SEO 2.0, these are SEO basics known for years but it’s not really the case, the web developer community is rather keen on web standards to the point of dogma where for instance absolute positioning is frowned upon. So most people won’t use it.

92 comments:

  1. There are a large number of companies that adopt a fast and unethical approach to SEO known as Black Hat SEO. Studiocityagency

    ReplyDelete
  2. SEO consultancy services provider for your on line business, it is very important for to take the experience of the company in to account. Dennis SEO

    ReplyDelete
  3. People will remember you and come to you when the need arises. With respect to content, make sure everything you write is well structured, clean, and free of factual and grammatical errors. Write using plain language. seo expert

    ReplyDelete
  4. When an SEO campaign is undertaken by an SEO service, most of the attention is focused on the website itself. The assumption is therefore that the company and the SEO service, if used, cannot control search engine results.Blog Comment

    ReplyDelete
  5. When an SEO campaign is undertaken by an SEO service, most of the attention is focused on the website itself. The assumption is therefore that the company and the SEO service, if used, cannot control search engine results.Blog Comment

    ReplyDelete
  6. A dynamic web design usually is built on content management platforms like WordPress, Joomla etc. The only disadvantage is that this type of website is difficult to build and also is not easily indexed by search engines. web design companies

    ReplyDelete
  7. This is genuinely an awesome read for me. I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!
    Web Development

    ReplyDelete
  8. Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. SEO Service

    ReplyDelete
  9. Also while deciding the theme to be implemented through web designing, the color combination should be considered as really important.https://edkentmedia.com/website-design-toronto

    ReplyDelete

  10. Respecting the time and exertion you put into your site and point by point data you offer!..
    Web Development

    ReplyDelete
  11. ASP.Net is a web development framework developed by Microsoft. You can develop dynamic websites using ASP.Net MVC framework. Edknt Media

    ReplyDelete
  12. Like any business transaction or purchase you should only spend your money when you feel comfortable. RDWM

    ReplyDelete
  13. Verifying information is not always easy or accomplishable. You should attempt to reach out and verify what you can. old brand domains

    ReplyDelete
  14. I am very happy to discover your post as it will become on top in my collection of favorite blogs to visit. Seo Tool

    ReplyDelete
  15. Nice to be visiting your blog again, it has been months for me. Well this article that i’ve been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share. seo

    ReplyDelete
  16. Please continue this great work and I look forward to more of your awesome blog posts. seo

    ReplyDelete
  17. In layman's dialect, it the way toward catching movement from the search engines, for example, Google postings. Through this read, I am will give you realities about the SEO business, current market status of SEO and additionally the future projections in this field.SEO Vendor

    ReplyDelete
  18. A blend mind and crucial words. Exactly what I was scanning for.
    Mason Soiza

    ReplyDelete
  19. If I needed to pick amongst resting and perusing this blog, I'd unquestionably run with this blog.
    Mason Soiza

    ReplyDelete
  20. Search engine optimization is exceptionally fundamental for each new website without procuring the best SEO benefit individuals can't support their website on the web showcase, so to get the best SEO administrations; you can check this website seoanalytics.pro/service/ads which is the best to provide SEO work.

    ReplyDelete
  21. SEMrush comes to mind whenever there is any discussion regarding the top SEO tools. seo group buy

    ReplyDelete
  22. This comment has been removed by the author.

    ReplyDelete
  23. A week ago, I had nothing to do and went to this site wholesome free online casino games and decided to take a risk. We only live once to play in a casino. And did not regret

    ReplyDelete
  24. I wish more writers of this sort of substance would take the time you did to explore and compose so well. I am exceptionally awed with your vision and knowledge. Copier Recyles South Africa

    ReplyDelete
  25. SEO Service just what most individuals' desire. However, most of which have no idea of the inner thoughts and multi-step means of purchasing a fresh home

    ReplyDelete
  26. I am really too much impressed after reading this blog. it is really great post and very helpful. adelaide seo company

    ReplyDelete
  27. Thanks for sharing this informative article here about SEO. Your article is very useful for those who are interested to know more about the benefits of digital marketing for the businesses. Keep sharing this type of information here. seo adelaide

    ReplyDelete
  28. Level design is all over the place! Because of Microsoft's Windows 8 and Apple's iOS7, Web design company gurgaon level design will keep on being an enormously powerful pattern in website design.

    ReplyDelete
  29. It's a nice article, Which you have shared here about the SEO. Your article is very useful for those who are looking to pay per click advertising Canada. I would like to thanks for sharing this post here.

    ReplyDelete
  30. I definitely enjoying every little bit of it. It is a great website and nice share. I want to thank you. Good job! You guys do a great blog, and have some great contents. Keep up the good work online marketing consulting services

    ReplyDelete
  31. in reality anybody with a PC appears to be ready to offer this administration, and the costs for such an administration are dropping like flies, you can get a website for a couple of hundred pounds and so on.
    Exclusive Web Ltd

    ReplyDelete
  32. I was looking at some of your posts on this website and I conceive this web site is really instructive! Keep putting up..
    seorango

    ReplyDelete
  33. How can I tell which one is the best service among those mentioned on the list here? SEO for contractors

    ReplyDelete
  34. Does anyone know which is the best service among those listed on this site?SEO for Credit Unions

    ReplyDelete
  35. Pay-per-click cost cash, yet the snaps from SEO cost you nothing. SEO are considered as the primary factors in upgrading the traffic of one's site. Both, PPC and SEO are significant. Webdesign

    ReplyDelete
  36. I want you to thank for your time of this wonderful read!!! I definately enjoy every little bit of it and I have you bookmarked to check out new stuff of your blog a must read blog! "Brig Agency"

    ReplyDelete
  37. Identifying every shady SEO service may not be possible, but I have some recommended advice which should help anyone get a fair and quality rate for SEO services.optimize up

    ReplyDelete
  38. I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much. online marketing

    ReplyDelete
  39. Today eveyone wants to rank on Goolge. Do you want your business number one on Google?
    Come and visit SEO Company in Bangalore
    That will help you to increase your visibilty on Google.

    ReplyDelete
  40. Do you need to promote and advance your business online? Piama Media Labs is the Best SEO Company in Bangalore. That will help you to increase your visibility on Google.

    ReplyDelete
  41. Be that as it may, don't simply go to any WordPress theme planners. To benefit from your theme, ensure you manage an accomplished and SEO-educated WordPress layout creator/designer. premium wordpress blog themes

    ReplyDelete
  42. I haven’t any word to appreciate this post.....Really i am impressed from this post....smmworldpanel.com is the best smm panel for Instagram and you can buy indian youtube views at the reasonable cost.

    ReplyDelete
    Replies
    1. Yes, totally agree with you. If you go with best smm panel you can easily and sufficiently buy Instagram and Facebook followers. There are many SMM Panel in market but you must choose the best one.

      Delete
  43. Having the great experience to be on your blog. Smmheart.com provides one of the best social smm panels at the most affordable price.

    ReplyDelete
  44. Thanks for sharing such a nice stuff about the CSS and how they can help your site SEO better..
    web design company jacksonville

    ReplyDelete
  45. This is certainly an informative blog! Thanks for sharing about it. smmfocus.com provides Smm panel list that allows you do effective marketing services in India.

    ReplyDelete
  46. Great tips and very easy to understand. This will definitely be very useful for me when I get a chance to start my blog. Paslaugos

    ReplyDelete
  47. Which SMM panel is best?
    World Cheapest SMM Panel

    Apnismm is
    India's Best & Cheapest SMM panel. Apnismm is the best social media marketing panel for sellers as well as individuals. They are dealing with Tiktok, Facebook, Instagram, Twitter, Youtube, and SoundCloud services. Apnismm is the best cheapest panel in India.

    ReplyDelete
  48. The web site is lovingly serviced and saved as much as date. So it should be, thanks for sharing this with us. https://www.sandeepmehta.co.in/affordable-seo-services-delhi/

    ReplyDelete
  49. I’ve been surfing online more than three hours today, yet I never found any interesting article like yours. It’s pretty worth enough for me. In my opinion, if all webmasters and bloggers made good content as you did, the web will be a lot more useful than ever before. https://www.sandeepmehta.co.in/affordable-seo-services-delhi/

    ReplyDelete
  50. How do I start a virtual office business?
    The right way to start is to conduct proper research, determine a suitable business structure, prepare a business plan, build an aggressive marketing strategy, complete the legal formalities, rent an office in a business area, equip your office with the necessary infrastructure, and hire competent employees. straitsvo.com

    ReplyDelete
  51. What is EPOS provider?
    Toptotoe is an industry-leading provider of traditional till style hardware and EPOS software. The company specialises in point of sale solutions for the retail and hospitality sectors and offers powerful software with industry-specific features.

    ReplyDelete
  52. What is the benefit of an offshore bank account?
    Offshore investing is beyond the means of many but the wealthiest of investors. Advantages include tax benefits, asset protection, privacy, and a broader range of investments. Downsides include high costs and increased regulatory scrutiny that offshore jurisdictions and accounts face. Open Offshore Bank Account In Belize

    ReplyDelete
  53. Thanks for a very interesting blog. What else may I get that kind of info written in such a perfect approach? I’ve a undertaking that I am simply now operating on, and I have been at the look out for such info. https://seo-services-1-sg.blogspot.com/2021/08/an-analysis-of-online-advertising-and.html

    ReplyDelete
  54. You there, this is really good post here. Thanks for taking the time to post such valuable information. Quality content is what always gets the visitors coming. seo agency singapore

    ReplyDelete
  55. Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. seo services singapore

    ReplyDelete
  56. You have given essential data for us. It is excellent and good for everyone. Keep posting always. I am very thankful to you. smm panel service provider

    ReplyDelete
  57. If you set out to make me think today; mission accomplished! I really like your writing style and how you express your ideas. Thank you. singapore seo

    ReplyDelete
  58. Thanks for picking out the time to discuss this, I feel great about it and love studying more on this topic. It is extremely helpful for me. Thanks for such a valuable help again. seo consultant to hire

    ReplyDelete
  59. By using Yahoo Analytics, you'll be able to learn where region a specific search term will be creating highest targeted traffic. Once you know in which, it is possible to targeted people nations around the world Consultoria Sanderson Moreira. You could generate added web pages for anyone nations around the world and also targeted enterprise about these.

    ReplyDelete
  60. It is my first visit to your blog, and I am very impressed with the articles that you serve. Give adequate knowledge for me. Thank you for sharing useful material. I will be back for the more great post. best seo agency company to hire

    ReplyDelete
  61. This is my first visit to your web journal! We are a group of volunteers and new activities in the same specialty. Website gave us helpful data to work. https://hiltonjperry.wixsite.com/cheapseocompany

    ReplyDelete
  62. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post. https://medium.com/@stridec53/

    ReplyDelete
  63. When you use a genuine service, you will be able to provide instructions, share materials and choose the formatting style. https://expertseoservices.my-free.website/

    ReplyDelete
  64. Awesome article! I want people to know just how good this information is in your article. It’s interesting, compelling content. Your views are much like my own concerning this subject. https://seobestservice.my-free.website/

    ReplyDelete
  65. hello!! Very interesting discussion glad that I came across such informative post. Keep up the good work friend. Glad to be part of your net community. https://singaporeseo892438724.wordpress.com/

    ReplyDelete
  66. This comment has been removed by the author.

    ReplyDelete
  67. This particular papers fabulous, and My spouse and i enjoy each of the perform that you have placed into this. I’m sure that you will be making a really useful place. I has been additionally pleased. Good perform! http://fastseoagency.bravesites.com/

    ReplyDelete
  68. What a fantabulous post this has been. Never seen this kind of useful post. I am grateful to you and expect more number of posts like these. Thank you very much. seo singapore

    ReplyDelete
  69. If you are looking for more information about flat rate locksmith Las Vegas check that right away. best seo singapore

    ReplyDelete
  70. A very excellent blog post. I am thankful for your blog post. I have found a lot of approaches after visiting your post. best seo expert

    ReplyDelete
  71. I am impressed. I don't think Ive met anyone who knows as much about this subject as you do. You are truly well informed and very intelligent. You wrote something that people could understand and made the subject intriguing for everyone. Really, great blog you have got here. https://stridec0.yolasite.com/

    ReplyDelete
  72. I was reading some of your content on this website and I conceive this internet site is really informative ! Keep on putting up. seo company to hire

    ReplyDelete
  73. I am impressed. I don't think Ive met anyone who knows as much about this subject as you do. You are truly well informed and very intelligent. You wrote something that people could understand and made the subject intriguing for everyone. Really, great blog you have got here. https://charlotte-s-school-febf.thinkific.com/courses/your-first-course

    ReplyDelete
  74. Great survey, I'm sure you're getting a great response. seo services singapore

    ReplyDelete
  75. Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too. seo expert in singapore

    ReplyDelete
  76. I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much. seo marketing singapore

    ReplyDelete
  77. I was surfing the Internet for information and came across your blog. I am impressed by the information you have on this blog. It shows how well you understand this subject. seo services pricing singapore

    ReplyDelete
  78. Hey what a brilliant post I have come across and believe me I have been searching out for this similar kind of post for past a week and hardly came across this. Thank you very much and will look for more postings from you. https://pyrtim.wixsite.com/my-site/post/the-importance-of-seo-expert

    ReplyDelete
  79. I have read all the comments and suggestions posted by the visitors for this article are very fine,We will wait for your next article so only.Thanks! get SEO expert services

    ReplyDelete
  80. A very awesome blog post. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. seo company worldwide

    ReplyDelete
  81. This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here keep up the good work https://digitalmarketingseoblogs.blogspot.com/2022/05/seo-company.html

    ReplyDelete
  82. It was wondering if I could use this write-up on my other website, I will link it back to your website though.Great Thanks. https://penzu.com/p/78091669

    ReplyDelete