Skip to Main Content

How to manage the URLs of the images of your WordPress blog

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

How to manage the URLs of the images of your WordPress blog?

Images are part of the media we use most in our articles. The problem with the media is that they are not always easy to handle especially when changing servers.

In this tutorial, I will show you how to update the URLs of your images on WordPress.

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

How to update the URLs of images on WordPress

This is one of the most common mistakes we see among some WordPress users.

What happens if the url of the website changes?

But first, we need to understand when a website URL is likely to change. Here are the three most common scenarios.

Discover in this article How to fix the image upload error on WordPress

1 - Move to a new domain name

The website URL is updated when you change the domain name. For example, Moz was previously known as SEOMoz. With their new brand, they had to update all URLs of existing images, PDF files, affiliate links, etc… from seomoz.com to moz.com.

Discover How to move a WordPress blog from local to an online site

2 - Modifying the WordPress installation folder

The website URL also changes when you change the location of your WordPress installation folder. In fact, this is one of the most common cases.

WordPress installs in a default directory called blog. Many of the early WordPress users end up leaving the WordPress installation in example.com/blog. 

Only then realize that they want to move WordPress to the root folder i.e. example.com.

Once WordPress is moved to the root directory, the website URL changes from "example.com/blog" to "example.com". Any image, PDF (or any multimedia file) would look like this:

  • ANCIENT: example.com/blog/ebook.pdf
  • NEW: example.com/ebook.pdf

3 - Change between development and production servers

This is common on high traffic blogs or eCommerce websites where any mistakes lead to lower conversions. Migrating to a production server from a development server can be very straightforward if you are using managed hosting such as WPEngine or Flywheel.

Discover How to use an SMTP server to send emails on WordPress

The problem occurs when someone uploads an image or links to a post using the development server URL. When you upload your website to the production server, the links from the development server are used for images that have been uploaded to the staging server environment.

Therefore, this should ideally be avoided. If you think people have added images to your development server (staging), You can apply what we offer you.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

What are we trying to solve?

Now that we know when a WordPress website URL can be changed, let us see an example where there is a possibility of error. If the links that were generated automatically (such as affiliate links) do not present any problem.

However, links that have been added manually in articles and pages (such as internal links, image links, etc.…) Must be updated manually. 

We all use images in our posts and pages. A typical example of an image link is:

Http: //mysite.com/wp-content/uploads/annee/mois/nom-dimage.png

When the URL of your WordPress website changes, the source links for all images should also change to:

Http: //nouveausite.com/wp-content/annee/mois/nom-dimage.png

In this case, all images, all links (including inter-post links, multimedia files, PDF files, etc.) must be updated.

Okay, it looks like we've discussed the matter in depth. Now let's see how to fix the problem once and for all. As always, we have a WordPress plugin to help us out.

Velvet Blues Update URLs

First, download and install the plugin " Velvet Blues Update URLs ". For more details see our guide on How to install or add a plugin on WordPress

How to manage the URLs of your WordPress blog Velvet blue plugin images

After activation, go to the page " Tools> Update URLs To configure the plugin settings.

Configuration of the velvet blues plugin

Do you remember how we use the "Find and Replace" feature on Microsoft Word? Well, that's basically what the plugin does!

It finds the old URLs in the pages or articles and replaces them with the new URLs. This way the image links are updated on all of your articles.

Discover How to update URLs during a WordPress migration

In addition, you can extend the functionality of the plugin to find and replace URLs on all links, snippets, attachments, custom fields, and metas.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Here are some examples of old URLs in your website:

  • If you change servers, the old URL would be something like: "site.com"
  • If you " modify / update The domain name, just use your new domain name.
  • If you used 'https' as a protocol, replace'http' through 'https'.

In our example, we replaced the old URL of http://seomoz.com by https://moz.com. Once you have entered the old and new URLs, simply click on " Update URLs NOW ". The plugin scans all your articles and pages, applies the search and performs the replacement.

All your URLs will be updated.

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. YIT Testimonials Showcase for WordPress

YIT Testimonials Showcase is the best-made and most up-to-date WordPress plugin for posting testimonials and user reviews. It comes with 150 unique styles that are fully HTML5 encoded and simply customizable. 

Yit testimonial showcase wordpress plugin

All you have to do is create the shortcode of the element to display, select the desired options, choose a WordPress theme and select one of the predefined color schemes, and the turn will be played.

This WordPress plugin is ideal for displaying and managing your testimonials as a responsive grid or as a dynamic slider.

Download | Demo | Web hosting

2. WooCommerce Amazon Affiliates

It is both a simple and very practical tool. When you connect to programs Amazon's Associates, get your affiliate id and fill it in the plugin. So, for each product, the plugin will check if it is available at the Amazon location you are logged into. This is how the Amazon Affiliates WooCommerce plugin works.

Woocommerce amazon affiliates wordpress pluginFor example: You register for the program Amazon's Associates for Mexico, Canada and the United Kingdom. When a customer visits your website, on the product details page, they will be shown the availability of the product on the 3 websites ofAmazon. This way, your customers will know for sure whether a product is available or not.

In addition, you have 4 places on the product details page to display the availability box of a product in a country.

Download | Demo | Web hosting

3. SEO Friendly Images for WordPress

SEO Friendly Images is a premium WordPress plugin, which optimizes the SEO of your website, thanks to the images of your website.

Seo friendly images

 It has a free version that offers basic features, but its pro version boosts the performance of your website with the Lazy Load technique. You'll also be able to optimize it with Alt and Title attributes. 

5 WordPress plugins to integrate Google Analytics into a blog and to consult absolutely.

Its features are: rAutomatic filling of Alt and Title attributeslazy load support, the ooptimization of hypertext links, theupport images, thumbnails and other plugins, support multilingual, mautomatic updates et more ...

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Download | Demo | Web hosting

Other recommended resources

We also invite you to consult the resources below to go further in the grip and control of your website and blog.

Conclusion

Here ! That's all for this tutorial, I hope it will allow you to update the URLs of your images. If you liked this article then feel free to Share with your friends.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

But, in the meantime, tell us about your Comments and suggestions in the dedicated section.

... 

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
11 shares
Share8
tweet
Save3