Overview:<\/strong><\/p>\n\nhttps:\/\/vimeo.com\/951967214<\/p>\n\n
The MOBILOOK<\/strong> (Mobile View) plugin, an extension of Google DEVTOOL, allows you to instantly check the responsive design of your pages, articles, or products on mobile in various formats (Apple, Samsung, Google devices).<\/p>\n\nOnce installed, MOBILOOK<\/strong> (Mobile View) is deployed on each of your pages. A section appears just below the WordPress Content Editor; once your content is published, it immediately shows you the mobile rendering based on the format you have defined.<\/p>\n\nThere\u2019s no longer a need to check what your site looks like on your mobile to see if it\u2019s well suited to phones, tablets, and other media (responsive).<\/p>\n\n
PRO Features<\/strong><\/p>\n\nMOBILOOK PRO<\/strong> (Mobile View) offers several features:<\/p>\n\n\n- Activation of the plugin for all custom post types, including WooCommerce products, to instantly see if the product page design is responsive.<\/li>\n
- Activation of additional formats \u2013 The PRO version gives you access to a large list of mobile\/tablet formats (17).<\/li>\n
- Activation of three very useful features:\n\n
\n- Facebook Debugger<\/strong> allows your pages to be crawled by Facebook's bots to generate up-to-date OpenGraphs.<\/li>\n
- Pagespeed.dev<\/strong> analyzes your page to identify if it meets all efficiency criteria.<\/li>\n
- Mobile SEO (site zoom on mobile)<\/strong> \u2013 This feature adds an optimized viewport meta tag on all your pages, allowing users to zoom with mobile browsers.<\/li>\n<\/ul><\/li>\n<\/ul>\n\n
Available Device Formats (Mobile View)<\/strong><\/p>\n\n\n- (FREE) iPhone 13 Pro Max - 428 x 926<\/li>\n
- (FREE) Samsung Galaxy S22 Ultra - 308 x 720<\/li>\n
- (FREE) Google Pixel 6 Pro - 412 x 915<\/li>\n
- (PRO) iPhone 12 - 390 x 844<\/li>\n
- (PRO) Google Pixel 5 - 393 x 851<\/li>\n
- (PRO) OnePlus 9 Pro - 321 x 711<\/li>\n
- (PRO) Samsung Galaxy Note 20 Ultra - 308 x 720<\/li>\n
- (PRO) iPhone 11 - 414 x 896<\/li>\n
- (PRO) Samsung Galaxy S21 - 320 x 720<\/li>\n
- (PRO) Xiaomi Mi 11 - 320 x 720<\/li>\n
- (PRO) Huawei P40 Pro - 264 x 1200<\/li>\n
- (PRO) iPad Air (2022) - 820 x 1180<\/li>\n
- (PRO) iPad Pro 12.9 inches (2021) - 1024 x 1366<\/li>\n
- (PRO) Samsung Galaxy Tab S8 Ultra - 1848 x 2960<\/li>\n
- (PRO) Microsoft Surface Pro 8 - 1368 x 912<\/li>\n
- (PRO) iPad Mini (2021) - 744 x 1133<\/li>\n<\/ul>\n\n
Why Is a Responsive Site Important for SEO?<\/strong><\/p>\n\nSince April 2015, Google has officially rewarded mobile-friendly websites and penalized sites that are not mobile-friendly in its search rankings. A non-mobile-friendly site risks seeing its traffic drop significantly due to a decrease in its SEO ranking.<\/p>\n\n
A responsive web design ensures that your site functions properly on all devices and screen sizes, offering an intuitive and satisfying user experience.<\/p>\n\n
Explanation of the Tools:<\/strong><\/p>\n\n\n- LinkedIn Post Inspector<\/strong>: This tool allows your pages to be crawled by LinkedIn bots to generate up-to-date OpenGraphs. When you share a link on LinkedIn, LinkedIn bots fetch images and other content information to generate a correct preview. This tool ensures that your content is correctly displayed with appropriate metadata, enhancing the visibility and appearance of your posts on LinkedIn.<\/li>\n
- Pagespeed.dev<\/strong>: This tool analyzes your page to identify if it meets all of Google's efficiency criteria. Unlike Google DEVTOOL, Pagespeed.dev provides insights into how Googlebot (Google's spider) views your page, which is crucial for SEO. If your site passes the test, it means it is optimized for a mobile experience, which can improve its ranking in Google's search results.<\/li>\n<\/ul>\n\n
What Is a Responsive Site?<\/strong><\/p>\n\nResponsive web design is the practice of building websites that work properly on every device and screen size, whether large or small, mobile or desktop. Responsive design focuses on providing intuitive and gratifying experiences for everyone. Google has increasingly pushed to ensure all websites are mobile-friendly because mobile searches have consistently risen since 2009 and finally surpassed desktop searches in 2018.<\/p>\n\n\n
Installing manually<\/h4>\n\n\n- Unzip all files to the
\/wp-content\/plugins\/mobilook<\/code> directory<\/li>\n- Log into WordPress admin and activate the 'MOBILOOK' plugin through the 'Plugins' menu<\/li>\n
- Go to \"Settings > Mobilook\" in the left-hand menu to start work on it.<\/li>\n<\/ol>\n\n\n
1.0.0<\/h4>\n\n\n- Initial release.<\/li>\n<\/ul>\n\n
1.0.1<\/h4>\n\n\n- Added debugger tool<\/li>\n<\/ul>\n\n
1.0.2<\/h4>\n\n\n- Added Affiliate Program<\/li>\n<\/ul>\n\n
1.0.3<\/h4>\n\n\n- Fixed some styling issues<\/li>\n<\/ul>\n\n
1.1.0<\/h4>\n\n\n- Fixed conflict issue with Guttenberg editor.<\/li>\n
- Fixed some styling issue for drop-down select and width\/height box<\/li>\n<\/ul>\n\n
1.1.1<\/h4>\n\n\n- Fixed php notice (in php log) for $active_tab variable<\/li>\n
- Sanitized post request for active tab<\/li>\n
- Added Mobile SEO (zoom website on mobile) feature for Pro version<\/li>\n<\/ul>\n\n
1.1.2<\/h4>\n\n\n- Fixed a bug on single post types and settings page<\/li>\n<\/ul>\n\n
1.1.3<\/h4>\n\n\n- Fixed issues related to some trademarks<\/li>\n
- Performed a full security and standards review on mobilook code<\/li>\n<\/ul>\n\n
1.1.4<\/h4>\n\n\n- Updated Freemius SDK to v2.3.2<\/li>\n<\/ul>\n\n
1.2.0<\/h4>\n\n\n- \ud83d\udd25 NEW: Responsive option to freely resize the window<\/li>\n
- \ud83d\udd25 NEW: Set width\/height manually with input fields for responsive option<\/li>\n
- \ud83d\udd25 NEW: Zoom option to make mobile\/tablet view smaller or bigger<\/li>\n
- \ud83d\udd25 NEW: Rotate the view between portrait and landscape<\/li>\n
- \ud83d\udc4c IMPROVE: Code, Layout and Styles<\/li>\n<\/ul>\n\n
1.2.1<\/h4>\n\n\n- \ud83d\udc4c IMPROVE: Updated freemius to latest version 2.4.1<\/li>\n<\/ul>\n\n
1.2.2<\/h4>\n\n