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
-
Why is my homepage not indexed by Google or Bing
http://www.schoppnutritionclinic.com/ Home page is not indexed by Google or Bing but all other pages are indexed. I know that currently i am missing the robot.TXT file and the sitemap. This is something i am woking on as a possible solution. I would have thought Google/Bing would have still indexed this page regardless of the lack of sitemap/robot.txt files not being present. I attempted to run a fetch and render in Webmaster tools and received a Not Found status.
Web Design | | ChrisSams0 -
301 Redirect Issue for URL with # and !
Hi All, We had a WIX website and now moved to Wordpress. I m having issue while doing redirecting from old URL to new URL. Example: Old Url: http://www.firsttraffic.com.au/#!traffic-management/ccfn New Url: http://www.firsttraffic.com.au/our-services/traffic-management/ I tried different wordpress plugin but nothing works. I m thinking its due to the # . But How can I to redirection for URL like this . Thanks
Web Design | | emarketexperts0 -
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 -
Best way to indicate multiple Lang/Locales for a site in the sitemap
So here is a question that may be obvious but wondering if there is some nuance here that I may be missing. Question: Consider an ecommerce site that has multiple sites around the world but are all variations of the same thing just in different languages. Now lets say some of these exist on just a normal .com page while others exist on different ccTLD's. When you build out the XML Sitemap for these sites, especially the ones on the other ccTLD's, we want to ensure that using <loc>http://www.example.co.uk/en_GB/"</loc> <xhtml:link<br>rel="alternate"
Web Design | | DRSearchEngOpt
hreflang="en-AU"
href="http://www.example.com.AU/en_AU/"
/>
<xhtml:link<br>rel="alternate"
hreflang="en-NZ"
href="http://www.example.co.NZ/en_NZ/"
/> Would be the correct way of doing this. I know I have to change this for each different ccTLD but it just looks weird when you start putting about 10-15 different language locale variations as alternate links. I guess I am just looking for a bit of re-affirmation I am doing this right.</xhtml:link<br></xhtml:link<br> Thanks!0 -
For a real estate website, is a different mobile site warranted vs a responsive site?
I researched the major real estate websites: Zillow, Trulia, Remax, Keller Williams, Century 21, etc. They all have a separate mobile site and not a responsive one. The client wants it to be easy to search for properties from a smartphone. Is it possible to get a responsive version of a real estate website on a smartphone?
Web Design | | MassMedia0 -
Google Analytics
Hi Folks I'm currently measuring multiple goals with Google analytics. At the end of the month I compare the Analytics numbers with my actual, from a diffident data base, and there is often a variance. My questions are; 1- Is there an accepted Delta % in goals eg: + or - 10% 2- Is there a resource that anybody found incredibly useful on this topic 3- does anybody have any tips on trouble shooting here? Thank you in advance
Web Design | | Intrested0 -
Does disabling the "View Source" functionality prevent Google from crawling a website?
I know Google uses a lot of variables when crawling a website. I wasn't sure if disabling the "View Source" option hindered anything.
Web Design | | innovationsimple0 -
What is the new Google SERP highlighting?
My question is with the new Google SERP. I posted a pic of it at http://www.hortonwebdesign.com/images/new-google-page.gif. If you mouse over the arrows to the right of a result on the SERP, it pops up a preview of the page. On some results it also highlights a section of the page with a red box. What does this represent? Does it represent a key area that they are looking at in determining the positioning? I have some clients that are asking me and it doesn't make a lot of sense. In my example above I searched for "seo expert in georgia" and on my result (I'm #2), it shows a preview, but the part it has chosen to highlight with a red box is just, um, ...useless. It's highlighting a Recent Post sidebar on the right halfway down the page. Surely this can't be what they're looking at as what they view as "useful" to that search. This simply can't be what they're using to determine positioning. Or is it? Just please explain what I'm seeing here. new-google-page.gif.
Web Design | | GeorgiaSEOServices0