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.
ReplyDeleteSEO Experts Sydney not only promotes your website, it also increases its visibility. Search engine optimisation is important if you want your web presence to be solid. In case you have missed the opportunity to optimise your website, it’s about time you should. Once your website is optimised, you will enjoy the manifold benefits of SEO.
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.
DeleteI have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it.
DeleteTangki Panel
Tangki Fiberglass
Jual Septic Tank
Mesin RO
great post very helpful
ReplyDeleteCheap SEO Packages
I Will Provide Seo Blog Comment Service. & niche relevant blog comment service we provide a quality service with 100% Buyer satisfaction and My team Believed in Quality work not Quantity Contact me Now 24/7.
ReplyDeleteThere are a large number of companies that adopt a fast and unethical approach to SEO known as Black Hat SEO. Studiocityagency
ReplyDeleteGreat Article
DeleteB.Tech Final Year Projects for CSE in JavaScript
FInal Year Project Centers in Chennai
JavaScript Training in Chennai
JavaScript Training in Chennai
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
ReplyDeletePeople 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
ReplyDeleteWhen 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
ReplyDeleteWhen 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
ReplyDeleteA 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
ReplyDeleteThis is genuinely an awesome read for me. I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!
ReplyDeleteWeb Development
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
ReplyDeleteAlso 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
ReplyDeleteRespecting the time and exertion you put into your site and point by point data you offer!..
Web Development
They ensure that the site has a unique setting that attracts Internet users. Search engine optimization experts apply the newest analytics service, which has a positive impact on a website.Blog Comment
ReplyDeleteASP.Net is a web development framework developed by Microsoft. You can develop dynamic websites using ASP.Net MVC framework. Edknt Media
ReplyDeleteLike any business transaction or purchase you should only spend your money when you feel comfortable. RDWM
ReplyDeleteVerifying information is not always easy or accomplishable. You should attempt to reach out and verify what you can. old brand domains
ReplyDeleteVancouver SEO Agency offers complete business listings that let you have dofollow links. This is great for your business and drives up your sites rankings. dofollow business listings sites 2018
ReplyDeleteI am very happy to discover your post as it will become on top in my collection of favorite blogs to visit. Seo Tool
ReplyDeleteNice 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
ReplyDeletePlease continue this great work and I look forward to more of your awesome blog posts. seo
ReplyDeleteI am so sitting tight for another blog this way.
ReplyDeletehttps://qualityseopackages.com/hire-virtual-assistants-coworkers/
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
ReplyDeleteI'm glad to see the great detail here!. posizionamento sito su google
ReplyDeleteA blend mind and crucial words. Exactly what I was scanning for.
ReplyDeleteMason Soiza
If I needed to pick amongst resting and perusing this blog, I'd unquestionably run with this blog.
ReplyDeleteMason Soiza
I really appreciate the kind of topics you post here. Thanks for sharing us a great information that is actually helpful. Good day!
ReplyDeleteMason Soiza
SEMrush comes to mind whenever there is any discussion regarding the top SEO tools. seo group buy
ReplyDeleteComfortabl y, the post is really the freshest on that deserving topic. I harmonise with your conclusions and definitely will thirstily look forward to your next updates.
ReplyDeletewhite label website builder
Good Post! Thank you so much for sharing this pretty post, it was so good to read and useful to improve my knowledge as updated one, keep blogging.
ReplyDeleteprivate label website builder
Thank you for the link building list.I am going jot down this because it will help me a lot.Great blog! Please keep on posting such blog.
ReplyDeletewebsite builder for reseller
Superb post its very helpful. Google Pixel Pakistan
ReplyDeleteBoth pay-per-click and SEO are targeted to get your website placed as close to the top of search engine results as possible. Marketing and SEO are different, yet very, very similar. backlinks packages USA
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteA 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
ReplyDeleteI 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
ReplyDeleteSEO 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
ReplyDeleteThis is an awesome post. I am impressed with your work and skill. Thank you so much. WordPress development company in Chennai
ReplyDeleteYou rock particularly for the high caliber and results-arranged offer assistance. I won't reconsider to embrace your blog entry to anyone who needs and needs bolster about this region.audit services in dubai
ReplyDeleteI am really too much impressed after reading this blog. it is really great post and very helpful. adelaide seo company
ReplyDeleteThanks 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
ReplyDeleteLevel 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.
ReplyDeleteIt'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.
ReplyDeleteyou have shared nice article about the SEO. After reading your article I got very much information about the basics of SEO and it resolved many of my doubts. If anyone interested to know more about the Indian SEO Company Visit innomax-solutions.com
ReplyDeleteLampung
ReplyDeleteLampung
youtube
youtube
lampung
Bisnis
indonesia
lampung
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
ReplyDeletein 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.
ReplyDeleteExclusive Web Ltd
I was looking at some of your posts on this website and I conceive this web site is really instructive! Keep putting up..
ReplyDeleteseorango
How can I tell which one is the best service among those mentioned on the list here? SEO for contractors
ReplyDeleteWhich is the best service among those listed in this site? Student Visa In Canada
ReplyDeleteDoes anyone know which is the best service among those listed on this site?SEO for Credit Unions
ReplyDeletePay-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
ReplyDeleteI 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"
ReplyDeleteIdentifying 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
ReplyDeleteI 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
ReplyDeleteToday eveyone wants to rank on Goolge. Do you want your business number one on Google?
ReplyDeleteCome and visit SEO Company in Bangalore
That will help you to increase your visibilty on Google.
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.
ReplyDeleteyour article is amazing thanks for sharing
ReplyDeleteseo company england
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
ReplyDeleteThanks for sharing us. SEO
ReplyDeleteI 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.
ReplyDeleteHaving the great experience to be on your blog. Smmheart.com provides one of the best social smm panels at the most affordable price.
ReplyDeleteThanks for sharing such a nice stuff about the CSS and how they can help your site SEO better..
ReplyDeleteweb design company jacksonville
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.
ReplyDeleteDigital marketing agecny
ReplyDeleteDigital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Digital marketing agecny
Aegean College is a private college in Athens, Piraeus and Larissa. Undergraduate and postgraduate studies adapted to the labor market in collaboration with British Universities. Business Administration, Health Professions, Social Sciences, Maritime and Tourism Professions. Lifelong learning seminars certified by international organizations. Top infrastructure and academic staff. Aegean College
ReplyDeleteGreat Blog, Thanks for sharing
ReplyDeleteTeam audit firms in uae and
aroma diffuser
nice post Seo services in All India
ReplyDeletenice post Seo services in All India
ReplyDelete