Bartek Witczak explains how we structure our components has a great impact on how we maintain a system and how expandable it is. A great introduction to colour management for software designers and developers. Jonathan Harrell takes a quick look at the benefits of CSS custom properties and then goes over some lesser known features that may come in handy while using them. Enjoy!
Addy Osmani released an awesome eBook that looks at the current state of image optimization and the best ways to integrate it into your workflow. David Gilbertson offers some really sound advice on making sure that the pain of a growing React app is as painless as possible. Marc Drummond explains various ways we can make sure our images look awesome and load fast for different devices. Enjoy.
In Google’s mission to organize the world's information, we want to guide Google users to the highest quality content, the principle exemplified in our quality rater guidelines. Professional publishers provide the lion’s share of quality content that b...
With more sites moving towards responsive web design, many webmasters have questions about migrating from separate mobile URLs, also frequently known as "m-dot URLs", to using responsive web design. Here are some recommendations on how to move from separate urls to one responsive URL in a way that gives your sites the best chance of performing well on Google's search results.
Moving to responsive sites in a Googlebot-friendly way
Once you have your responsive site ready, moving is something you can definitely do with just a bit of forethought. Considering your URLs stay the same for desktop version, all you have to do is to configure 301 redirects from the mobile URLs to the responsive web URLs.
Here are the detailed steps:
- Get your responsive site ready
- Configure 301 redirects on the old mobile URLs to point to the responsive versions (the new pages). These redirects need to be done on a per-URL basis, individually from each mobile URLs to the responsive URLs.
- Remove any mobile-URL specific configuration your site might have, such as conditional redirects or a vary HTTP header.
- As a good practice, setup rel=canonical on the responsive URLs pointing to themselves (self-referential canonicals).
If you're currently using dynamic serving and want to move to responsive design, you don't need to add or change any redirects.
Some benefits for moving to responsive web design
Moving to a responsive site should make maintenance and reporting much easier for you down the road. Aside from no longer needing to manage separate URLs for all pages, it will also make it much easier to adopt practices and technologies such as hreflang for internationalization, AMP for speed, structured data for advanced search features and more.
As always, if you need more help you can ask a question in our webmaster forum.Posted by Cherry Prommawin, Webmaster Relations
Join us in welcoming the latest additions to the Webmasters community:
नमस्ते Webmasters in Hindi!
Добро Пожаловать Webmasters in Russian!
Hoşgeldiniz Webmasters in Turkish!
สวัสดีค่ะ Webmasters in Thai!
xin chào Webmasters in Vietnamese!
We will be sharing webmaster-related updates in our current and new blogs to make sure you have a place to follow the latest launches, updates and changes in Search in your languages! We will share links to relevant Help resources, educational content and events as they become available.
Just a reminder, here are some of the resources that we have available in multiple languages:
- Google.com/webmasters - documentation, support channels, tools (including a link to Search Console) and learning materials.
- Help Center - tips and tutorials on using Search Console, answers to frequently asked questions and step-by-step guides.
- Help forum - ask your questions and get advice from the Webmaster community
- YouTube Channel - recordings of Hangouts on Air in different languages are on our
- G+ community - another place we announce and share our Hangouts On Air
- PageSpeed insights - actionable insights on how to increase your site's performance
- Mobile-Friendly test - identify areas where you can improve your site's performance on Mobile devices
- Structure Data testing tool - preview and test your Structured Data markup
Some other valuable resources (English-only):
- Developer documentation on Search - a great resource where you can find feature guides, code labs, videos and links to more useful tools for webmasters.
If you have webmaster-specific questions, check our event calendar for the next hangout session or live event! Alternatively, you can post your questions to one of the local help forum, where our talented Product Experts from the TC program will try to answer your questions. Our Experts are product enthusiasts who have earned the distinction of "Top Contributor," or "Rising Star," by sharing their knowledge on the Google Help Forums.
If you have suggestions, please let us know in the comments below. We look forward to working with you in your language!
Search Console was initially launched with just four reports more than a decade ago. Today, the product includes more than two dozen reports and tools covering AMP, structured data, and live testing tools, all designed to help improve your site's perfo...
When you want to bake cupcakes, but you don't know what kind, Image Search can help you make a decision. Finding an image with a recipe can be challenging: you might end up on a page that has only pictures of these delicious things, or a cupcake fan si...