background preloader

Recommendations for building smartphone-optimized websites

Recommendations for building smartphone-optimized websites
Webmaster level: All Every day more and more smartphones get activated and more websites are producing smartphone-optimized content. Since we last talked about how to build mobile-friendly websites, we’ve been working hard on improving Google’s support for smartphone-optimized content. As part of this effort, we launched Googlebot-Mobile for smartphones back in December 2011, which is specifically tasked with identifying such content. Today we’d like to give you Google’s recommendations for building smartphone-optimized websites and explain how to do so in a way that gives both your desktop- and smartphone-optimized sites the best chance of performing well in Google’s search results. Recommendations for smartphone-optimized sites The full details of our recommendation can be found in our new help site, which we now summarize. Responsive web design Responsive web design is a technique to build web pages that alter how they look using CSS3 media queries. Device-specific HTML Conclusion

Related:  technologies web

150 Free Photoshop PSD Files Web Designers need some quality elements to use in their latest designs. These free PSD resources can be a real timesaver. For this post, I have showcased an exclusive collection of a great number of high quality PSD files which were created by the well-experienced and talented designers all around the world. Google Finally Takes A Clear Stance On Mobile SEO Practices Today at SMX Advanced during the iSEO panel, Pierre Far, Google Webmaster Trends Analyst, announced clear guidelines and recommendations on mobile SEO. In short, Google recommends you go with a responsive design when possible, otherwise you can use device-specific HTML but Google asks you to take certain steps to communicate when you are using device-specific HTML. Google has been known to offer contradictory advice on mobile SEO thus far and Google wanted to take a watch and listen approach to see how webmasters were implementing their mobile web sites.

Responsive design – harnessing the power of media queries Webmaster Level: Intermediate / Advanced We love data, and spend a lot of time monitoring the analytics on our websites. Any web developer doing the same will have noticed the increase in traffic from mobile devices of late. Over the past year we’ve seen many key sites garner a significant percentage of pageviews from smartphones and tablets. Downloads If you still haven't received it, please try refreshing the page. You can reach our premium Wordpress themes and HTML templates by clicking on the thumbnails below. Moose WP A flat, responsive and multipurpose Wordpress theme for business, portfolio or personal use. Go to item page → Slowave WP A flat, responsive and multipurpose Wordpress theme for business, portfolio or personal use. Go to item page → Rufio WP A responsive and multipurpose, 2 in 1 Wordpress theme for business, portfolio or personal use.

Public Art Concepts - Dan Sternof Beyer 2011 Download the PDF of these ideas : Public Art Concepts - Dan Sternof Beyer 2011 (2mb) [ New American Public Art ] 6 Link Building Tools to Boost Your Traffic Matt Beswick is Technical Director at Electric Dialogue -- a London based digital agency. He's also the co-founder of Pet365. Follow him @mattbeswick. Link building is a concept that anyone involved in online marketing will come across and, more than likely, be involved in. The principle is simple — get high quality, relevant sites to link to your own. Building Smartphone-Optimized Websites Details of recommendations Google supports smartphone-optimized sites in three configurations: Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google's recommended configuration.Sites that dynamically serve all devices on the same set of URLs, but each URL serves different HTML (and CSS) depending on whether the user agent is a desktop or a mobile device.Sites that have separate mobile and desktop URLs. On this page we will look at how to implement each of these configurations.

Corporate Identity Photoshop Mock-up (Psd) Our free Psd file for today is a corporate or brand identity mock up for designers to present their identity design in a modern and pretty way for their clients or for presentation in their portfolios. Every designer should have designed a corporate identity at some point in his career. In fact brand identity building is an essential part of design. Bing Gets Its Own Knowledge Graph Via Britannica Partnership Bing’s search results are getting a bit more informational thanks to a new partnership with Encyclopedia Britannica. They’re calling it “Britannica Online Encyclopedia Answers,” and it adds extra information about a search result right within the search results page. As the screenshots below show, it looks quite a bit like Google’s recently-launched Knowledge Graph feature, but there are some differences that I’ll mention below.

4 Tips For Your Mobile SEO Strategy - Whiteboard Friday In this Whiteboard Friday, I share four fundamental questions that will help you assess the best alternatives to start taking mobile search into consideration for your site. Google has recently published a set of official developers resources and recommendations to build smartphone optimized sites. Nonetheless, from a strategic perspective you also need to identify which are the best options according to your target market, present users, and site characteristics. I hope it’s helpful and if you have any doubts or feedback, please let me know, I look forward for your comments. Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business

Mobile SEO Best Practices Presentation At SES NY - Promediacorp In case you missed the whimsical webs weaved by Avi Wilensky at SES NY, as he waxed poetic on the subject of mobile SEO, you may enlighten yourself with his presentation below. Although we couldn’t ascertain audio capturing his poetic prose on the topic, you’ll get the gist of things solely with the slideshow. We would like to thank the follow prestigious individuals for organizing, attending, hanging, providing feedback and/or heckling Avi during SES NY: Matt McGowan, Mike Grehan, Jonathan Allen, Marilyn Crafts, John Barnes, Bill & Motoko Hunt, Chris Boggs, Frank Watson, Marcus Tandler, Marcus Tober, Dixon Jones, Noran El-Shinnawy, Loren Baker, Greg and Barbara Boser, Jessica Bowman, Duane Forrester, Todd Friesen, Kristopher Jones, Michael King, Steve Boymel, Brett Tabke, Mark Knowles, Marty Weintraub, Daron & Brandy Babin, the Blogsvertise team, the Morpheus Media crew, Jared Del Prete, Rob Schmid, Jake Matthews, Greg Niland, Ted Ulle, Adam Glazer, Michael Gray,