This is the tenth part of a series on using the WordPress Image Editor and Media Library. In this part we discuss how to use the Advanced Link Settings of the Inline Editor to create no follow links, add styles to the link and to add a link title.
Then finally what you have are these Advanced Link Settings. Now the title essentially is a tool tip. Now you saw us use this CSS class in the previous… I mean, in adding the CSS class to the link so that that jquery tool tip thing would work. You can do the same kind of thing. Any type of thing you would add to the link, whether it’s a title or it’s the link rel for example, no follow. That would be an example of something that you might do as a link relationship. You might add no follow to the link. You could add a CSS class to the link. You could add a style to the link you know, for example, you could have you know, color. Well, it’s a little odd here but you could add an inline style theoretically. I can’t really think of one at the top of my head at the moment.
Let me see, what did I suggest? I guess I didn’t suggest.
And you could also specify the target so that it will open up in a different window separately, if you wish. Now the relationship between this title and this title is that if there is no title here for example, if we delete that title there… well actually, this is the image title. We’re going to call it image title and we’re going to update this. We’re going to update it here, come over and refresh it. Now you can see that when you hover over it, the tool tip pops up saying image title, right? Okay, if we come back to this and edit this and go to our Advanced Settings and say image title 2 and say update and say update and say update and hover over it, it still says image title. That’s because the title of the image takes precedence over the title of the link.
But you could in fact, delete the image title itself. Delete, retain that link title and now the link title is going to take… is going to show up. You can see it says image title 2.
Well actually, not in Chrome, my mistake. For example, if we were in Internet Explorer, it would. Chrome does something a little differently. Oh maybe I deleted that. Maybe that image title simply doesn’t… maybe I didn’t get it in there. Let’s check. No, that’s what it is. So image title 2, update, update, refresh. Yeah, Chrome doesn’t do that in the same way that other browsers do. Watch, it’s not going to work here either. Oh because there’s no link there, that’s right. I’m sorry, that’s what the problem is. This is not linked and since it’s not linked, it doesn’t have… any title you might put there isn’t going to do anything.
Okay so I’m going to send a follow up on a couple of questions. Jared asks, “Is the image title have SEO value?” Yes it does have SEO value. Sort of the ideal situation is to imagine that a blind person is using a text reader or screen reader to browse your webpage. And their screen reader comes down to the image and it reads out the alt tag. Well, so your alt tag should describe to the blind person what that image is displaying. That’s what it should really do. And in the title should be you know, SEO relevant text. It should be descriptive of the image but it should also… you should you know, put keywords and it should be descriptive. And the reason is that Google uses that title, both in its indexing of images and it also uses the title in helping it validate what the page is about. So just like a link or keywords elsewhere, the image title has an effect on that as well.