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
-
Will Google Judge Duplicate Content on Responsive Pages to be Keyword Spamming?
I have a website for my small business, and hope to improve the search results position for 5 landing pages. I recently modified my website to make it responsive (mobile friendly). I was not able to use Bootstrap; the layout of the pages is a bit unusual and doesn't lend itself to the options Bootstrap provides. Each landing page has 3 main div's - one for desktop, one for tablet, one for phone.
Web Design | | CurtisB
The text content displayed in each div is the same. Only one of the 3 div’s is visible; the user’s screen width determines which div is visible. When I wrote the HTML for the page, I didn't want each div to have identical text. I worried that
when Google indexed the page it would see the same text 3 times, and would conclude that keyword spamming was occurring. So I put the text in just one div. And when the page loads jQuery copies the text from the first div to the other two div's. But now I've learned that when Google indexes a page it looks at both the page that is served AND the page that is rendered. And in my case the page that is rendered - after it loads and the jQuery code is executed – contains duplicate text content in three div's. So perhaps my approach - having the served page contain just one div with text content – fails to help, because Google examines the rendered page, which has duplicate text content in three div's. Here is the layout of one landing page, as served by the server. 1000 words of text goes here. No text. jQuery will copy the text from div id="desktop" into here. No text. jQuery will copy the text from div id="desktop" into here. ===================================================================================== My question is: Will Google conclude that keyword spamming is occurring because of the duplicate content the rendered page contains, or will it realize that only one of the div's is visible at a time, and the duplicate content is there only to achieve a responsive design? Thank you!0 -
Site appears then disappears from Google
Hi, This is my first post to the Moz community. I hope someone can help me, as I'm at my wits end 🙂 Since mid to late April, my client's home page keeps dropping from Google rankings on and off on the desktop in incognito and non-incognito browsing. It seems to always be visible on mobile phones though. One day it's on page 4, the next day it's not anywhere to be found (even though some of her other pages rank). The site is here: evgeniaribinik.com I have done some blog writing (just text) for this client over the last few months, and recently she asked for some SEO help. After looking at her website, I noticed that she had a plugin called WordPress SEO on her site. She wasn't using this for the blogs, however. I don't think she did much of anything with SEO, but she did say that for the last few years, she was always on page 3 or 4 of Google. In mid/late April, she saw that she wasn't ranking at all for the keyword "boudoir photography nyc" anymore, despite a few years of ranking for it. I told her Yoast would be good to use. However, after she installed it, the same issues keep happening. Right now, she has Yoast and WordPress SEO plugins installed (I'm not sure if this is causing an issue as well). But I really can't figure out why she keeps going on and off page 4. She also asked me to optimize older blogs that she wrote herself for SEO. When I look at them, they don't have meta descriptions, good titles or good keywords. I realize this is hurting her, but why would her site be fine for years and all of a sudden not now? Thank you in advance for any help you can give me! Jill
Web Design | | lobeng770 -
Does too much inline CSS impact SEO rankings
Hello, Does implementing a lot of inline CSS have a negative impact on SEO rankings? I imagine it could affect page speed, but any other issues I might run in to?
Web Design | | STP_SEO1 -
Without Keyword Info From Google - How do we re-do a site not knowing what to keep?
Bit of a riddle I am trying to figure out here... I have a client that receives some visits via organic searches (around 700). Most of which are to the homepage. The client isn't actively targeting any keywords yet (on purpose) and the homepage doesn't have much on it. I've been hired to do keyword research and re-develop the site but this is the first site I've done since google really put the hurt on keyword information. My worry is that without knowing what keywords people are using currently to search and find the site, I will be potentially deleting information that is bringing in traffic. Looking at the traffic and other keywords I can view I think the keywords are branded which makes it a bit easier but again, it is a bit worrisome, not so much for this client but for future work. Anyone have any ideas other than looking at webmaster tools and landing pages?
Web Design | | JoshBowers20120 -
Drupal SEO - Concerns about cloaking
It appears that core Drupal includes a CSS style that automatically generates an tag for any* or > ## Main menu This uses the CSS to create a 1px1px header with that text that is absolutely positioned in the top left hand corner. Essentially, hidden and unreadable to humans and presumably also useless to even screen readers. There is some discussion of the reasoning for including this functionality as standard here: [http://drupal.org/node/1392510](http://drupal.org/node/1392510 "http://drupal.org/node/1392510") I'm not convinced of its use/validity/helpfulness from an SEO perspective so there's a few questions that arise out of this. 1. Is there a valid non-SEO reason for leaving this as the default rather than giving ourselves full control over our ## tags? 2. Could this be seen as cloaking by creating hidden/invisible elements that are used by the search engines as ranking factors? Update: http://www.seobythesea.com/2013/03/google-invisible-text-hidden-links/ Google's latest patent appears to deal with this topic. The patent document even makes explicit reference to the practice of hiding text in ## tags that are invisible to users and are not proper headings. Anyone have any thoughts on what SEOs using Drupal should be doing about this?
Web Design | | Tinhat1 -
Im having duplicate content issues in wordpress
all of my pages are working fine. but i added my sitemap to my footer in my website and when i click on my blog from my footer it takes me to the homepage. so now im having duplicate content for two diff urls. ive tried adding a rel=canonical and a 301 redirect to the blog page but it doesnt resolve the problem. also, when i go to my footer and click blog. after it brings me to the homepage ill try to click on my pages from the original bar at the top of my screen and it will bring me to the right pages. but it will have the same blog url in the search bar even when im on other pages. other than that all of my pages in my footer and in my homepage toolbar work fine. its just that one particular problem with the blog page in the footer and how it stays with the same blog url on every page after i click the blog in the footer. can someone please help. im using yoast and idk if i should disable it or what.
Web Design | | ClearVisionDesign0 -
How do search engines interpret <hgroup>...</hgroup> tags?
Hi there. I'm building an HTML 5 site and through research of new HTML 5 elements I've seen little conclusive information about the interpretation of the new <hgroup>tag, in terms of SEO application and interpretation. In particular does Google interpret the nested heading tags as individual elements or does it combine them into one entity? For example, say I have: <hgroup> # Article Heading ## Article Sub-heading </hgroup> How is this interpreted by Google and what would be some good SEO best practices regarding the <hgroup>tag in HTML5: Is it interpretted as a single tag (" Article Heading: Article Sub-heading ") or two separate heading tags (one and one )? Also, how much does the ordering of the tags matter (say for example I wanted something like the following for visual purposes? <hgroup> ## Article Sub-heading # Article Heading </hgroup> One last thing: is it safe to assume that it is indeed OK to have multiple tags on a single page (as referenced by Matt Cutts a while back in a Webmaster Video)? Thanks! </hgroup> </hgroup>
Web Design | | LMDNYC2 -
Changing the domain - To do or not to do - that is the question
Hello, I am in the process of updating my website (hopefully to improve SEO). It is a major update as we are going from 20,000 product line to 200,000 product lines and hiring two marketing people to work on more content. Unfortunately, I think my domain isn't the best i.e. www.direct-tractorparts.com Some of the parts have long part numbers and I am worried that my URLs will be too long i.e. I will lose link juice from the search engines. typical url www.direct-tractorparts.com/6XY41210TTTAZCAz2 I am thinking of launching the new site with a shorter domain name rather than updating the old site. My site doesn't have that many backlinks but generates a decent level of business for my company. Not sure if it would be worth setting up another brand or not Anyone got any advice?
Web Design | | DavidLenehan0