Keywords in image file names

kuopassa · 2023-01-06 23:31:08

Has anyone thought about this issue? For SEO it’s desirable to have a keyword or two in a image file name, but currently Textpattern uses a simple running number for uploaded images.

Here is an addition to .htaccess file used in Textpattern’s root that makes it possible to put custom keywords (with latin alphabet) to existing image file names without “physically” altering the file name. This assumes images are inside images folder.

RewriteRule ^([0-9a-z-]+)-([0-9]+).(apng|png|gif|webp|avif|jpg|jpeg|jfif|pjpeg|svg|bmp|tif|tiff)$ ./images/$2.$3?slug=$1 [L]

Key points:

$2 = running number
$3 = file extension
$1 = keywords

An example:

images/1.png would become tomato-1.png and/or cabbage-1.png

Maybe someone finds this idea interesting and develops it further. ;-) For example a dedicated input field in Textpattern’s Edit image page could added, which would then store the keyword(s) to a database table.

bici · 2023-01-07 00:09:05

I am in awe of what you are able to do in .htaccess

So to clarify. I upload an image called cat_on_bike.png. It goes into the TxP DB as 45.png , But your .htaccess rule renders it to indexing robots as the name i used when it was uploaded. Cool

phiw13 · 2023-01-07 02:26:30

you can already add custom fields to the image edit panel with one of Jakob‘s extensions, jcr_image_custom
as you know you can alter the file name for an image on the same panel
(thinking out loud, absolutely untested) you could then build a shortcode to combine the fields above to insert in your articles, and then have some redirect in your htaccess to the id.ext on the file system.

example: the shortcode would output <img src=/images/keyword-filename-id.jpg alt=this-or-that> in your HTML, and you then redirect to /images/id.jpg

Pat64 · 2023-01-07 06:49:09

It’s working fine on my local MAMP server (PC) with a little amendment:

<IfModule mod_rewrite.c>
    RewriteEngine On

	RewriteRule ^([0-9a-z-]+)-([0-9]+).(apng|png|gif|webp|avif|jpg|jpeg|jfif|pjpeg|svg|bmp|tif|tiff)$ $2.$3 [L]

</IfModule>

Note because the rule is located into the /images folder we don’t need to specify it.

Now, the image tag can be used as this:

<txp:site_url />images/<txp:image_info type="name" />-<txp:image_info type="id" /><txp:image_info type="ext" />

And https://mydomain.tdl/images/my-image-name-ID.ext is rendering from the front-end part. 👌

Last edited by Pat64 (2023-01-07 06:52:40)

jakob · 2023-01-07 18:12:31

Hehe, here’s a thread from 2011 on the same topic using the same basic approach (hat tip to Julián and Jukka).

Pat64 · 2023-01-08 14:24:10

This solves all cases with or without file name, even with its extension or display the current format (ID) if blank:

<img loading="lazy" itemprop="url contentUrl" src="<txp:site_url />images/<txp:evaluate query test='<txp:image_info type="name" />'><txp:image_info type="name" trim="/(.*[^\.])(\.)(.*)?/" replace='$1' />-<txp:else /></txp:evaluate><txp:image_info type="id" /><txp:image_info type="ext" />" alt="-">

lindabb · 2023-02-22 15:33:21

Hi,
Is there a way to upload image file with same file name without any change ?

Thanks

Bloke · 2023-02-22 15:50:11

Sadly not. We are (presently) hamstrung by the legacy decision to alter the original image filename and convert it to an ID.

That does have advantages for concurrency (no collisions in multi-user environments) and limiting problems with filename clashes if you upload the same image name for more than one different image. But equally it has downsides: if you do want to replace an image you need to find it first and replace it via the UI, plus the (minor) SEO filename hit – which can be mitigated with good alt/caption text.

There’s also the issue that if you have large image collections, they’re all stored in the same directory. That makes things slow over legacy protocols like FTP, and can in extreme cases cause filesystems to slow down or run out of inodes. I’ve been experimenting with techniques to move away from this to a better, more distributed, file system but have yet to decide on the best way forward.

Kjeld · 2023-12-28 12:39:39

Bloke wrote #334710:

Sadly not. We are (presently) hamstrung by the legacy decision to alter the original image filename and convert it to an ID.

That does have advantages for concurrency (no collisions in multi-user environments) and limiting problems with filename clashes if you upload the same image name for more than one different image. But equally it has downsides: if you do want to replace an image you need to find it first and replace it via the UI, plus the (minor) SEO filename hit – which can be mitigated with good alt/caption text.

There’s also the issue that if you have large image collections, they’re all stored in the same directory. That makes things slow over legacy protocols like FTP, and can in extreme cases cause filesystems to slow down or run out of inodes. I’ve been experimenting with techniques to move away from this to a better, more distributed, file system but have yet to decide on the best way forward.

Just discovered this thread now. As I work with many thousands of images, and require better SEO for those images, I would be extremely happy about a move to named images and having the images distributed in subfolders.

Textpattern CMS

Textpattern CMS support forum

#1 2023-01-06 23:31:08

Keywords in image file names

#2 2023-01-07 00:09:05

Re: Keywords in image file names

#3 2023-01-07 02:26:30

Re: Keywords in image file names

#4 2023-01-07 06:49:09

Re: Keywords in image file names

#5 2023-01-07 18:12:31

Re: Keywords in image file names

#6 2023-01-08 14:24:10

Re: Keywords in image file names

#7 2023-02-22 15:33:21

Re: Keywords in image file names

#8 2023-02-22 15:50:11

Re: Keywords in image file names

#9 2023-12-28 12:39:39

Re: Keywords in image file names

Bloke wrote #334710:

Board footer