Articles

10 Terrific WordPress Plugins You Should Be Using in 2022

,

Having the right WordPress plugins on hand can do wonders for your business or online presence. WordPress offers a vast collection to choose from.

There are so many of them. However, finding those that get the best reviews and can do the most for you can be a challenge.

A plugin can give you additional functionality. It could otherwise be difficult or overly expensive to realize with your website by itself. A glance at the 10 top WordPress plugins described below can provide a powerful case in point.

Your website’s purpose or niche will usually dictate the types of essential WordPress plugins you would do well to invest in. The right ones can make your website a genuine powerhouse and, by extension, your business as well.

1. Amelia

Amelia is an excellent choice for beauty, healthcare, fitness, consulting, and businesses that might be saddled down with a manual or semi-manual booking system by saving them and their clients time while eliminating booking mistakes that often occur in those manual systems.

  • Clients can book appointments online 24/7, change or cancel their appointments, and receive reminders of upcoming appointments and other notifications via SMS or email.
  • Amelia enables business owners or department managers to track and manage employee schedules and time off.
  • Amelia can manage bookings for appointments, book tickets for events, and manage group bookings, all at multiple locations. There are no limits on the number of appointments that can be managed.
  • Booking forms can be customized to best serve a business’s needs and match its brand.

Amelia fully supports WooCommerce with PayPal, Stripe, Mollie, and RazorPay payments. Click on the banner to learn more about this time and money-saving plugin.

2. wpDataTables

wpDataTables is a premier WordPress table and chart building plugin that features virtually everything you are apt to need to build any table or chart you want.

Creating a table that is by any definition complex often requires tools that may not necessarily be easy to come by. wpDataTables uses four chart-building engines, one or more of which should suit you perfectly.

They are:

  • Google Charts
  • Highcharts
  • Charts.js
  • Apex Charts

For both table and chart building, wpDataTables can connect you to multiple database sources, including –

  • MySQL
  • MS SQL
  • PostgreSQL

wpDataTables can process data that exists in the commonly used formats and features various sorting and filtering options that allow you to create a host of different table types.

Both tables and charts are editable and responsive and, thanks to the wpDataTables conditional formatting feature, can highlight and color-code critical information.

Click to learn more.

3. Site Kit by Google

While your website’s performance might exceed your wildest dreams, it is more likely that there are areas that need improvement before your wishes can be met. 

Determining those areas can be a challenge, but Site Kit offers a one-stop solution to deploy, manage, and get insights from critical Google tools to make your site a success by making those critical tools available to WordPress.

They provide:

  • stats displayed on your WordPress dashboard from multiple Google tools
  • quick Google tool setup without your having to edit your site’s source code  
  • key metrics and insights for your entire site and individual posts, and
  • easy-to-manage, granular permissions across WordPress and different Google products

Site Kit shows you how many people have found your site, how users navigate it, etc.

Click on the banner to learn more about what Site Kit could do for you.

4. Tablesome –  WordPress Table Plugin With Form Automation

Tablesome is a WordPress form database and form automation plugin that you can use to store entries from WordPress forms to a database. It can be integrated with popular forms – Contact Form 7 DB, WPForms entries, Forminator database, Elementor Form submissions, etc.

After saving, you can:

  • Edit, auto-delete, and export entries to tools such as MailChimp, Google Sheets, Salesforce, etc.,
  • Display WordPress form entries on frontend pages
  • Automatically export contact data using the Mailchimp WordPress Integration

5. TheDock

TheDock eliminates the need to search for just the right WordPress theme by enabling you to create your own – which can be more fun anyway.

Among TheDock’s many features, a few key ones include –

  • A comprehensive, option-rich Design System
  • A responsive design system that ensures your site looks great on all screens.
  • Designer, developer, and editing collaboration support. 
  • Clean, readable code.

6. Slider Revolution

Beginners and mid-level designers can sometimes have difficulty finding ways to WOW their clients with professional-level visuals.

Slider Revolution changes all that by bridging the gap between what clients want and what you can provide with its –

  • 200 designed-to-impress website and slider templates
  • 25+ powerful addons and brand new WebGL slide animations
  • ability to import dynamic content from WooCommerce and social media outlets.

7. LayerSlider

More than a simple slider-builder, LayerSlider is an animation and website-building tool you can use to improve any website’s look and feel through eye-catching animations, contemporary graphics, and interactive features.

This is made possible in part through the use of –

  • 160+ website, slider, and popup templates
  • LayerSlider’s modern and intuitive editing interface

Plus, you can count on professional one-on-one customer support.

8. Download Monitor

The Download Monitor plugin helps you sell your digital products by offering a ready solution for tracking file downloads, gating content to generate leads, build your audience, and ask users for personal information in exchange for valuable content.

Download Monitor lets you –

  • add any type of file you need to your website
  • link a page to all your channels and promote your social media networks
  • place ads – and more.

9. Ads Pro – Multi-Purpose WordPress Ad Manager

The biggest ad manager for WordPress, Ads Pro gives you everything necessary to manage and sell ads.

Ads Pro’s admin panel makes managing ads straightforward for you and your users.

  • Key ad features include 25+ ad templates and 20+ ad display options.
  • CPC, CPM, CPD billing and PayPal, Stripe, and bank transfer payment methods are built-in.
  • Geo-Targeting lets you show/hide ad spaces based on countries, provinces, cities, and Zip Codes.

10. Ultimate Membership Pro

If selling content is your objective, Ultimate Membership Pro is the tool you’ll want to take your website and convert it into a powerful content selling platform.

The Ultimate Membership Pro plugin enables you to –

  • Create unlimited subscription levels, including free, trial, and paid member subscriptions
  • Control customer access to content based on their subscriptions
  • Send emails to welcome new members and send notifications and reminders to regular subscribers.

The WordPress plugin directory is already stuffed with almost 60,000 plugins. This guide has been published to narrow things down to 10 top WordPress plugins for your use.

We consulted with experts to create this list of excellent plugins for WordPress. It can help you with content strategy, SEO, site security, and even social media marketing.

Installing plugins and getting the functionality they provide can add immense value to your use of WordPress.

 

[- This is a sponsored post on behalf of BAW Media -]

Source

The post 10 Terrific WordPress Plugins You Should Be Using in 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Get Ready For Next Month’s Google Shakeup

, ,

Google has been talking about the Core Web Vitals tool and the Page Experience Update for about a year now.

With the update scheduled to roll out in May 2021, now is the time to make sure your websites are prepared for it. It’s taking a lot of the best practices Google has recommended over the years and making them an official part of the search algorithm, so not taking this seriously could negatively impact your sites’ rankings.

Today, we’re going to look at everything Google has told us about the update and how to use the Core Web Vitals tool to ensure your site rankings don’t drop once it rolls out.

What We Know About the Google Page Experience Update

Google first told us about the page experience update back in May 2020. Here’s what we know about the upcoming update:

Google’s Search Algorithm Will Change in May 2021

Although there’s no specific day given, we do know that the page experience update will go live sometime in May 2021.

The Goal is to Reduce Friction on the Web

It’s not as though user experience is something that designers and developers overlook when building websites. Heck, there’s an entire disciple of UX design dedicated to it.

That said, Google hasn’t taken too hard line of an approach in enforcing its page experience suggestions, like mobile-first design, removing intrusive pop-ups, or improving page speed. With this update, though, Google is now telling every site owner that performance, accessibility, technical best practices, and SEO must be built into their websites.

Of course, the goal isn’t to create more work on your side of things. Google believes that by encouraging developers to build better web experiences that consumers will experience less friction and businesses will be more profitable as a result.

The Update Will Include Older Signals

According to Google, the page experience update is going to combine a bunch of older signals with the new Core Web Vitals:

The Core Web Vitals tool will now merge all of that data we once had to gather from various Google apps. That’ll make it more convenient for designers and developers to improve the on-page experience across a variety of areas.

The Page Experience Algorithm Will Change Over Time

Per Google:

Because we continue to work on identifying and measuring aspects of page experience, we plan to incorporate more page experience signals on a yearly basis to both further align with evolving user expectations and increase the aspects of user experience that we can measure.

So, don’t expect this to be a one-and-done thing. You’ll have to rely on the Core Web Vitals tool, and pay close attention to updates out of Google, to ensure your sites are keeping up with Google’s page experience standards.

Your Other Google Apps Have Already Been Updated with Core Web Vitals

If you hadn’t noticed, Google has already updated its other apps in anticipation of the page experience update.

Google PageSpeed Insights, Search Console, and Lighthouse all have Core Web Vitals data in them.

Here’s an example of how Lighthouse’s report on the Amazon website now looks:

By including these metrics within the tools you’re already using, you don’t necessarily have to add the Core Web Vitals tool to your growing toolbox. That said, there are some really valuable reports in there, so I’ll show you why you may want to add it anyway.

Google’s Top Stories Will Be Affected

In the past when someone did a news-related search on Google, they’d see “Top Stories” results like this one:

Until now, the only pages shown here were AMP-enabled ones. 

Once the page experience update goes live, though, the AMP requirement is going away. So long as a page meets the page experience criteria along with Google News content policies, it can now rank in this section.

Google Search Results May Show a Page Experience Indicator

In the Top Stories example above, notice the AMP indicator I highlighted in yellow. Google is thinking about adding something similar to any search result that fulfills its page experience criteria.

While I think a small, eye-catching icon might draw a little more attention from Google users, I’m not sure if it’ll be that big of a deal to them. People working in this industry certainly know what that lightning bolt means, and we’ll also be the ones who recognize the page experience indicator, but I’m not convinced it’ll matter to users. 

That said, this is something Google is thinking about rolling about, so it’s something to be aware of. At the very least, you can consider it a badge of honor when showing your websites to clients and prospects who want to see what you can do for them.

Content Is Still More Important Than Page Experience

Even if a website checks off all the page experience boxes, there’s no guarantee that it’ll start to rank better than websites that haven’t. The quality and value of the content on the page still matters greatly.

Using Core Web Vitals to Measure Page Experience

Alright, so let’s take a look at this Core Web Vitals tool. Here’s what the tool looks like when you enter the “Measure” tab:

It’s like most other Google analyzer tools. You enter the URL you want to audit and let the tool run. The results then spit out something that looks like this:

Core Web Vitals are graded on four categories:

  1. Performance measures the loading speed, interactivity, and stability of the page.
  2. Best Practices focus on the technical aspects of the page, including things like having an SSL certificate and making sure images fit within the parameters of the mobile screen.
  3. SEO checks on the typical SEO signals like metadata, structured data, and so on.
  4. Accessibility reports any issues with visitors not being able to see or access parts of the page.

If you scroll down just a little bit on the page, there’s more data available. It mainly has to deal with the technical stuff, like page speeds and unoptimized code:

Now, this isn’t really anything new. We can get this data about load time, interactivity, and content stability from Google’s other apps.

The real value is in the report, which you can access up top next to the date of your audit.

Open the report and you’ll find specific suggestions and pro tips to optimize each part of the page experience, like this SEO report:

Just like other Google tools, this one can teach you a lot about what makes one site more rankable than another. So, make sure you update your web design strategy going forward to integrate all of these ranking signals.

While you’ll have to do annual audits on your sites to see how much Google has changed the page experience signals, you’ll create less work for yourself if this baseline set of criteria are met with every site you build.

Source

The post Get Ready For Next Month’s Google Shakeup first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

12 Best Google Design & Development Tools

,

Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about.

While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the web — there’s no denying that Google offers some amazing products and tools, many of them free, all from the convenience of a single login.

Today we’re going to take a look at 12 tools from Google that really do bring something positive to the table.

1. Polymer

Polymer is an open-source JavaScript library from Google for building web applications using Web Components. The platform comes with a ton of libraries and tools to help designers and developers unlock the web’s potential by taking advantage of features like HTTP/2, Web Components, and Service Workers. 

The main feature of Polymer is Web Components. With Web Components, you can share custom elements to any site, work seamlessly with any browser’s built-in elements, and effectively use frameworks of all kinds. Products like LitElement (a simple base class for creating fast, lightweight web components) and PWA Starter Kit make Polymer easy to use. If you like, you can build your app entirely out of Web Components.

2. Lighthouse

Google Lighthouse is an open-source, automated tool for improving the quality of web pages. The software allows you to audit web pages for performance, SEO, accessibility, and more. You can run Lighthouse using ChromeDevTools, directly from the command line, or as a Node module. 

To use Lighthouse in Google Chrome, just go to the URL you want to audit (you can audit any URL on the web), open ChromeDevTools, and click the Audits tab. After you have run the audit, Lighthouse will give you an in-depth report on the web page. 

With these reports, you will see which parts of your web page you need to optimize. Each report has a reference doc that explains why that audit is important and also shows you the steps you can take to fix it. 

You can also use Lighthouse CL to prevent regression on your sites. Using Lighthouse Viewer, you can view and share reports online. You can also share reports as JSON or GitHub Gists. 

Lighthouse also comes with a feature called Stack Packs that allows Lighthouse to detect what platform a site is built on. It also displays specific stack-based recommendations.

3. Google Analytics

Google Analytics is the gold standard of analytics services. Google analytics can be installed on your site for free with a small amount of JavaScript and allows you to see all kinds of details about your site visitors, like what browser they’re using, and where they’re from.

By using Google Analytics you can make decisions about your site based on science, and therefore be somewhat confident that the decisions you make will result in the outcome you are expecting.

4. Flutter

Flutter is Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase. The toolkit is open source and free to use. The best part of Flutter is that it works with existing code. 

The toolkit has a layered architecture that allows for full customization, which results in fast rendering and flexible designs. It also comes with fully-customizable widgets that allow you to build native interfaces in minutes. With these widgets, you will be able to add platform features such as scrolling, navigation, icons, and fonts to provide a full native performance on both iOS and Android.

Flutter also has a feature called hot reload that allows you to easily build UIs, add new features, and fix bugs faster. You can also compile Flutter code to native ARM machine code using Dart native compilers. 

5. Google API Explorer

Google has a huge library of APIs that are available to developers but finding these APIs can be difficult. Google API Explorer makes it easy for developers to locate any API. On the Google API Explorer web page, you will see a complete list of the entire API library. You can easily scroll through the list or use the search box to filter through the API list. 

The best part of Google API Explorer is that each link to a reference page comes with more details on how to use the API. API Explorer is an excellent way to try out methods in the Monitoring API without having to write any code.

6. Puppeteer

Puppeteer is a project from the Google Chrome team. The platform enables web developers to control a Chrome (or any other Chrome DevTools Protocol based browser) and execute common actions, much like in a real browser. Puppeteer is also a Node library and it provides a high-level API for working with headless Chrome. It is also a useful tool for scraping, testing, and automating web pages. 

Here are some things you can do with Puppeteer: generate screenshots and PDFs of pages, UI testing, test Chrome Extensions, automate form submission, generate pre-rendered content, and crawl Single-Page Applications. 

7. Codelabs

Google Developer Codelabs is a handy tool for beginner developers and even advanced developers who want to improve their knowledge. Codelabs provide a guided, tutorial, hands-on coding experience. Codelabs’ site is broken down into several tutorial sessions on different topics. 

With the tutorials on Codelabs, you can learn how to build applications from scratch. Some of the tutorial categories include Augmented reality, TensorFlow, Analytics, Virtual Analytics, G Suite, Search, Google Compute Engine, and Google APIs on iOS. 

8. Color Tool

Color Tool makes it easy for web designers to create, share, and apply colors to their UI. It also measures the accessibility level for any color combination before exporting to the palette. The tool comes with 6 user interfaces and offers over 250 colors to choose from. 

The tool is also very easy to use. All you need to do is pick a color and apply it to the primary color scheme; switch to the secondary color scheme, and pick another color. You can also switch to Custom to pick your own colors. After you have selected all your colors, use the Accessibility feature to check if all is good before exporting it to your palette. 

9. Workbox

Workbox is a set of JavaScript libraries and Node modules. The JavaScript libraries make it easy to add offline support to web apps. The Node modules make it easy to cache assets and offer other features to help users build Progressive Web Apps. Some of these features include pre-caching, runtime caching, request routing, background sync, debugging, and greater flexibility than sw-precache and sw-toolbox. 

With Workbox, you can add a quick rule that enables you to cache Google fonts, images, JavaScript, and CSS files. Caching these files will make your web page to run faster and also consume less storage. You can also pre-cache your files in your web app using their CLI, Node module, or webpack plugin. 

10. PageSpeed Insights

PageSpeed Insights is a handy tool from Google Developers that analyzes the content of a web page, then generates suggestions on how to make the page faster. It gives reports on the performance of a web page on both desktop and mobile devices. At the top of the report, PageSpeed Insights provides a score that summarizes the page’s performance. 

11. AMP on Google

AMP pages load faster and also look better than standard HTML pages on mobile devices. AMP on Google allows you to enhance your AMP pages across Google. It is a web component framework that allows you to create user-first websites, ads, emails, and stories. One benefit of AMP is that it allows your web pages to load almost instantly across all devices and platforms hence improving the user’s experience. 

12. Window Resizer

When creating websites, it is important that developers test them for responsive design – this is where Window Resizer comes in. Window Resizer is a Chrome extension that resizes the browser window so that you can test your responsive design on different screen resolutions. The common screen sizes offered are desktop, laptop, and mobile, but you can also add custom screen sizes. 

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

/par