Loading...

Web Design Weekly #298

By | November 6th, 2017|Newsletter|

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!

The post Web Design Weekly #298 appeared first on Web Design Weekly.

Comments Off on Web Design Weekly #298

Web Design Weekly #294

By | October 9th, 2017|Newsletter|

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.

The post Web Design Weekly #294 appeared first on Web Design Weekly.

Comments Off on Web Design Weekly #294

How to move from m-dot URLs to responsive site

By | September 14th, 2017|Mobile, Responsive Web Design|

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:

  1. Get your responsive site ready
  2. 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.
  3. Remove any mobile-URL specific configuration your site might have, such as conditional redirects or a vary HTTP header.
  4. 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

Comments Off on How to move from m-dot URLs to responsive site

Introducing Our New International Webmaster Blogs!

By | August 23rd, 2017|hindi, russian, thai, turkish, vietnamese, webmaster community|

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

Testing tools:

Some other valuable resources (English-only):

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!

Comments Off on Introducing Our New International Webmaster Blogs!

The new Search Console: a sneak peek at two experimental features

By | August 1st, 2017|feedback and communication, products and services, search console|

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...

Comments Off on The new Search Console: a sneak peek at two experimental features

Badges on Image Search help users find what they really want

By | August 1st, 2017|images, search results, structured data|

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...

Comments Off on Badges on Image Search help users find what they really want