Question Concerning HTML5/CSS Templates & Google Mobility Issues
-
Hi all,
Looking for some kind of solution for a responsive update for a site and I am wondering if there are any templates (not Wordpress) that are both great SEO wise and would also pass muster with the impending Google update for responsiveness? I was looking at things like Canvas and Porto ( http://themeforest.net/popular_item/by_category?category=site-templates ) but can't find any discussion on whether or not these things have been addressed with any of these templates. If any of you have suggestions or other places to look for something that could possibly fit the bill (even if temporarily) I would be very appreciative. Thank you so much in advance!
-
Oh by the way, here's a post I wrote for Moz on setting up wordpress for SEO: http://moz.com/blog/setup-wordpress-for-seo-success
-
Hi There
In my experience, so long as you redirect any URL changes correctly you shouldn't see a drop in rankings. A good coder should be able to clean up a template, as well as take measuers to help with load time. Definitely use a caching plugin like WP Super Cache. I think WordPress is a great way to go for a quick solution. A premium theme is only about $50 - go with one that is from a developer that a) has really good star ratings and b) and this is important - seems to provide good support.
-
Hi,
Not really a great coder myself, but I am building a smaller site as kind of hobby project, trying to incorporate all the best practices of RWD. My first approach as my skills in CSS & HTML were quite limited was to buy a template on Themeforest. I noticed very soon however, that modifying these templates is quite difficult to do, and it's even harder to understand exactly what each element in the css is used for (there was no documentation inside the css)
When I ran some checks with external tools, I noticed that for all the templates only 30% of the css was actually used. Load times were pretty mediocre, mainly because the huge number of external javascripts used for all the fancy stuff on the page. Maybe I bought the wrong template, but my general impression is that these templates are developed based on frameworks which are already quite bloated (Bootstrap, Foundation) - and then they add a lot of additional jquery plugins for things like sliders, responsive menus, ...etc.
If you just need a temporary fix - you could try one of these templates - they are cheap & functional, even if they do not fit your needs for 100%. For the final version, it's probably better/cheaper to find a great designer/coder to build your code from scratch rather (or based on a very light css framework) than to clean the code in the template.
rgds,
Dirk
-
Thanks so much for the comments...really appreciated. For many years we've just had basic html sites without any kind of CMS (right now it's html5). I guess I'm a bit weary of Wordpress because of the SEO aspect; and that's purely from years ago hearing that it was only a blogging mechanism. I fully realize that's not the case and it's used by companies big and small but I suppose some of the fear comes from the fact that the site in question ranks very well organically and I was worried that any kind of big change like that could make us drop.
Anyway, regardless of what happens, you mention something about the templates being stuffed with too much junk but I'm wondering if we used one of those (if only temporarily) if we could hire a good coder to clean it up if that turns out to be the case? Really right now we are just looking for a quick solution that could possibly be made to last but doesn't necessarily have to.
Anyway, thanks again. Really appreciate the assistance.
-
Hi There
Dirk is right - most responsive templates should pass the mobile test. If not WordPress, are you on a different CMS or something?
Themeforest.net has a ton of themes for all situations. Just look for "responsive".
-
Hi
If the template is marked as responsive it should pass the mobile friendly test. Main issue with these templates is that they are very often stuffed with a lot of features that you're not going to use (resulting in heavy css / js files). This could have a negative impact on the load time of your page. That said, I guess most people just buy Wordpress themes rather than develop themselves.
rgds,
Dirk
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
When rel canonical tag used, which page does Google considers for ranking and indexing? A/B test scenario!
Hi Moz community, We have redesigned our website and launched for A/B testing using canonical tags from old website to new website pages, so there will be no duplicate content issues and new website will be shown to the half of the website visitors successfully to calculate the metrics. However I wonder how actually Google considers it? Which pages Google will crawl and index to consider for ranking? Please share your views on this for better optimisation. Thanks
Web Design | | vtmoz0 -
My news site not showing in "In the news" list on Google Web Search
I got a news website (www.tapscape.com) which is 6 years old and has been on Google News since 2012. However, whenever I publish a news article, it never shows up "In the news" list on Google Web Search. I have already added the schema.org/NewsArticle on the website and have checked it if it's working or not on Google structured data testing tool. I see everything shows on on the structured data testing tool. The site already has a news sitemap (http://www.tapscape.com/news-sitemap.xml) and has been added to Google webmaster tools. News articles show perfectly fine in the News tab, but why isn't the articles being shown on "In the news" list on the Google web search? My site has a strong backlink background already, so I don't think I need to work on the backlinks. Please let me know what I'm doing wrong, and how can I get it to the news articles on "In the news" list. Below is a screenshot that I have attached to this question to help you understand what I mean to say. 1qoArRs
Web Design | | hakhan2010 -
How does Google's AJAX Announcement Impact the likes of AngularJS?
Google's announcement last month about depreciating their AJAX crawl directive and Distilled's recent article have got me thinking a lot about how this change impacts frameworks like AngularJS. For those of you that use or are considering using frameworks like AngularJS, does this change impact you? Has it changed your mind about services like Prerender etc? All discussions relating to AJAX crawling welcome. Some resources to get started: https://prerender.io/js-seo/angularjs-seo-get-your-site-indexed-and-to-the-top-of-the-search-results/ https://www.distilled.net/resources/prerender-and-you-a-case-study-in-ajax-crawlability/
Web Design | | ecommercebc1 -
Is it cloaking/hiding text if textual content is no longer accessible for mobile visitors on responsive webpages?
My company is implementing a responsive design for our website to better serve our mobile customers. However, when I reviewed the wireframes of the work our development company is doing, it became clear to me that, for many of our pages, large parts of the textual content on the page, and most of our sidebar links, would no longer be accessible to a visitor using a mobile device. The content will still be indexable, but hidden from users using media queries. There would be no access point for a user to view much of the content on the page that's making it rank. This is not my understanding of best practices around responsive design. My interpretation of Google's guidelines on responsive design is that all of the content is served to both users and search engines, but displayed in a more accessible way to a user depending on their mobile device. For example, Wikipedia pages have introductory content, but hide most of the detailed info in tabs. All of the information is still there and accessible to a user...but you don't have to scroll through as much to get to what you want. To me, what our development company is proposing fits the definition of cloaking and/or hiding text and links - we'd be making available different content to search engines than users, and it seems to me that there's considerable risk to their interpretation of responsive design. I'm wondering what other people in the Moz community think about this - and whether anyone out there has any experience to share about inaccessable content on responsive webpages, and the SEO impact of this. Thank you!
Web Design | | mmewdell0 -
HTML5 & the doc outline algorithm
Hi My web team are currently working on an updated site using Drupal and have asked me the following question: Is more than one H1 tag with the same value an issue for SEO with HTML5 and the doc outline algorithm? Can anyone help with this please? I appriciate any responses. Thanks in advance. Chris
Web Design | | Fasthosts0 -
Content Stacking - CSS positioning
I was curious to know what everyone thinks about CSS positioning so that the spiders will read a optimal bulk of content first - before it reads the others. Say I have some Tab's set up for navigational purposes, where the content in the last tab is actually what I want the bots to see first. What would be the best practices for accomplishing something like this?
Web Design | | imageworks-2612900 -
Empirical Data on the effect of embedded Google Maps on Search Ranking
Does anyone have any empiric data on the effect of an embedded map on SERP's? Please understand that I already have anecdotal info and a personal opinion. I am looking for data. Thanks
Web Design | | RobertFisher0 -
How to serve a Mobile & Full Site using one URL?
Hello, Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site? I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL. WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL http://www.bravenewcode.com/store/plugins/wptouch-pro/
Web Design | | petecampbell-bmi0