I'm creating my own CMS, and I have to handle images with differentes sizes.
I store all my image's information in a database. For every image, I have:
- a filename (with extension)
- a title
- an alt attribute
- dimensions
Images can be used in different ways:
- cropped
- tiled
- exact dimensions
- only one dimension (for example: 200px height and auto width)
Right now, my URL to this images looks like this:
http://example.com/uploads/{id}/{mode}/{size_x}-{size_y}/{filename}.{ext}
A real example:
http://example.com/uploads/tile/24/200-200/my-picture.png
http://example.com/uploads/crop/24/200-200/my-picture.png
In my HTTP headers, I added a Link
header, like Link:<http://example.com/tile/24/my-picture.png>; rel="canonical"
, which avoid duplicate content on images.
The URL is quite long. But I need all the informations provided in it.
Is it a problem for SEO? What are the solutions to optimize SEO for multiple-sized images?
Edit: removed canonical link informations