Google Search Console adds Page Experience Report

Looks like the Google Search Console “Page Experience” report is going to be pushed out and delayed until mid-June and the end of August.

So what’s the Page Experience Report In Search Console? The new report combines the existing Core Web Vitals report with other “components of the page experience signals,” Google said. So this report also tells you if your pages are over HTTPS, are they mobile friendliness, do they not have intrusive interstitial, and the current status of safe browsing on those pages.

the Page Experience update will see Google’s Core Web Vitals become more influential elements in search ranking. The 3 vitals include:

  • Largest Contentful Paint (LCP) – This element measures loading performance and how fast the key visual elements of your pages become available for the user after clicking through.
  • First Input Delay (FID) – Similar to LCP, FID measures how long it takes for your page to become interactive, so users can click and search.
  • Cumulative Layout Shift (CLS) – This element measures visual stability.

The Search Performance report is also getting the ability to filter pages with good page experience to let site owners keep track of how those pages compare to other pages on the same site. This is a good thing and will help in configuring and tweaking your website funnel!

 

Mobile Responsive Web Design Challenges in 2021

RWD major challenge these days is testing your content on all Mobile browsers and provide a seamless user experience. The desktop side of RWD that will fit and scale inside a desktop browser is relatively easy as there are no more that 3-5 different types of browsers.

On the mobile side, its entirely a different story as there are 10 + mobile browsers out there in the wild (default + installed). The user might view the website appropriately in the desktop version, but when the same website is viewed through his mobile phone, it’ll look odd and janky. What you need is a “device” plan of attack. Know which device classes you intend to support before you start to code and create content.

Have both your lowest common denominator devices and your high-end device designs before you begin to code. Try to visualize a way to create both versions from one code base and Test on different mobile devices from the beginning to the end to ensure that your incremental work will display correctly in the intended devices. Its good to have a small design lab where you can set up all these mobile devices and test your content. Designing and supporting multiple mobile displays takes time and patience. Responsive Design includes the use of CSS3 Media Queries, which is supported by almost all modern browsers and it reactively determines the screen size of a device and then renders the content appropriately on the screen layout. With a set of media queries, you will be able to display different layouts on different devices.

After successfully making your website responsive, you need to perform responsive test online on multiple devices like Mobile Phones, Tablets, Laptops, Desktops to ensure the responsive web design and that content and images are adapting themselves as per the screen size in which they are being viewed on. A good plan is half of your success. This is why planning ahead every little part of your responsive website design is crucial.

Website Optimization – Heatmaps in 2021

The use of “heatmaps” is a great tool when optimizing your website for maximum success. Heatmaps are just one of the many tools (Google Analytics, A/B testing, conversion funnel) in your arsenal to help identify and fix certain sections of your company’s website. Heatmaps are a way to visualize different types of data, including where people’s eyeballs first land on your site and how likely your visitors are to click on different areas of your pages.This type of information can be especially useful in showing you where to place your most important links, as well as which elements on your site should be linked. A heatmap is a snapshot look at where your website visitors are focusing their attention.

Another good tool is the “mouse” movement heat map. This type of information can be especially useful in showing you where to place your most important links, as well as which elements on your site should be linked. This type of heatmap can be extremely useful to internet marketers, as they help to determine the ideal placement for any promotional information. Most heat map tools are not free. However, the free tools are really low quality. Go with the paid tools.

Tip: I like Crazy Egg heatmap reports. Its a reasonable, paid tool with quality heat mapping options. The use of heatmaps is crucial in making content creation and website design decisions!

A heatmap is one of the most powerful and efficient diagnostic tools with which you can uncover a large amount of insights on how visitors interact (travel) with your web pages and use those insights to improve your website’s engagement funnel journey.