Site icon WebDevStudios

Media Solutions and Suggestions for Your WordPress Site

There are a lot of things to take into consideration when it comes to capturing and retaining a website visitor’s attention. No matter what route you take, chances are you will make the use of media to do so, such as pictures, videos, icons, and any type of graphics, really. Using media is essential for any website. It helps convey ideas, offers entertainment to visitors, and overall, helps create quality content. Here at WebDevStudios (WDS), we’ve learned a thing or two over the years about best practices when it comes to adding visual content to your site. We recommend that you consider the following media solutions and suggestions for your WordPress website.

Make Use of the WordPress Media Library

If you’re familiar with WordPress, you know there is a Media Library built right into the CMS already. Understanding how to use this media solution on your WordPress site, as well as the benefits and limitations of it, is important in integrating media.

The Media Library allows users to simply upload media directly to their site and then select where they would like those files to display. It’s a great way to quickly display media onto your WordPress site alongside other content.

While the ease of use is great, the Media Library, unfortunately, comes with a few drawbacks—specifically around asset organization, image optimization, and overall user experience. In order to help get around some of these limitations though, we’ve outlined a few helpful recommendations and best practices to help ensure your site remains at optimum performance level.

Optimizing Images

Many people assume that the highest quality image they can upload to a site, the better off they are. While we certainly do want high quality imagery, you can get to a point where the images are too large, negatively impacting on your WordPress site. Having too many images on your site with large file sizes can slow down your website performance. This will have a direct impact on search engine rankings, user experience, and site performance.

According to WP Engine, “…images and media files take up a hefty 63% of bandwidth on modern website.” That is a big percentage of a site’s bandwidth that could be used for other more important functions, and a big reason why you want to ensure you’re optimizing your images.

Image optimization is essentially trying to get the best quality image with the least number of pixels. This will ultimately reduce media size and improve site performance. This can be achieved in a couple of different ways.

1. Optimize before uploading to the site. 

Image editing software is a proven media solution for your WordPress website because it can be depended on to optimize your images. As you perform this task, you will want to keep in mind both the file format and the overall size of the image. 

2. Make use of plugins.

If you are not able to us a media solution like image editing software to optimize images before uploading to your WordPress site, a great alternative is using a plugin. The following WordPress plugins will help to go through and optimize your images with a variety of customizations to help improve site performance. Here at WDS, before launching any site, we typically recommend running reSmush.it to help ensure site performance, especially with image heavy sites.

In addition, a few other recommendations (some at premium cost) include:

The Best Way to Add Video Content

We’re actually going to start with how not to add videos to your site. Although WordPress has a built-in video player media solution, we would advise skipping the WordPress Video Player. This is because:

  1. Using this method means you would be self-hosting the videos, which can take up value bandwidth on your site.
  2. You may need to convert videos into multiple file types. This is needed to accommodate different browsers sometimes.
  3. Embedded videos can be shared on social and searched on platforms like YouTube more easily. This, in turn, drives more traffic to your site.

So if you don’t use the WordPress Video Player, what do you do?

We highly recommend embedding all videos on your site. Let a video hosting site, such as YouTube, Vimeo, or Wistia do the heavy lifting. These media solutions are the experts in hosting videos, converting them to the correct files for browsers, and it frees up space on your server for more important things. Embedding a video on your site is easy. Simply paste the URL into the WordPress Editor.

Just because you’re embedding from another site doesn’t mean you loose all control over displaying the video either. For instance, you may want the video to be centered within your content instead of the default left aligned placement. That’s no problem at all, and you have complete control over that placement. If you’re interested in learning just how to do that, WP Engine details how to center align your videos in their great article: Beginner’s Guide: How to Center Align a Video in WordPress.

There are also some great plugin options available to help provide even more customization:

Media Library Recommendations

You’ll inevitably find yourself relying on the Media Library from time to time. When that’s the case, no worries; there are a few recommendations we have on hand to help guide you in using it as efficiently as possible.

Videos

First, let’s look at some things to keep in mind for video media:

Images

For imagery in the Media Library, there are a few helpful tips that may make your user experience a bit easier:

Media content on the web is a big piece of building a website. Using media solutions correctly can have a huge, positive impact on your WordPress site.  These recommendations are just the tip of the iceberg in diving into the world of website media, but they will certainly help get you started on the right path in optimizing your site’s performance with the best tools at hand.  If you are looking for more recommendations or to take a deeper dive into improving your site, definitely reach out to us at WDS and we’d more than happy to continue the conversation!

Exit mobile version