Jump to content

Community

Image Options - Title and Alt Tag, URLs, etc.


Recommended Posts

Hello,

From what I'm seeing after working on the Pages and Blog Apps, there's no way to add these types of image tags other than manually. Looks like an alt tag is automatically added based upon the thumbnail name that is created, but having the ability to add custom title and alt tags by perhaps double clicking the image would be really convenient for SEO purposes. Additionally, the option to set any links to open in the same or new window would be highly useful in my opinion, right now it seems that all of the above has to be added in source mode after adding the image, and many times the editor doesn't seem to like it. ^_^

Just an idea!

Edited by IP15.5
Link to post
Share on other sites
  • 1 year later...
  • 2 weeks later...
  • 8 months later...

I'm on 4.2 and I'm still missing the title tag. Is that correct?

https://www.sat4all.com/forums/topic/360013-sat4all-problemen-op-het-forum/?do=findComment&comment=2462898

<img alt="Dit is een test" class="ipsImage ipsImage_thumbnailed" data-fileid="234192" data-unique="icd9bbytj" src="https://www.sat4all.com/forums/uploads/monthly_2017_08/test.png.d14a5b293c1d11c9afb2727f604a4c00.png" style="width: 640px; height: auto;">

 

Edited by Michel_72
Link to post
Share on other sites
<p>
    <img alt="Dit is een test titel." class="ipsImage ipsImage_thumbnailed" data-fileid="234994" data-unique="d5hjsn5j8" src="https://www.sat4all.com/forums/uploads/monthly_2017_09/test.png.6aaf0ee650533d7dc7d628d8777484d9.png" style="width: 640px; height: auto;"></p>

 

It is still not a title tag, but 'alt'.

 

Quote

What is Alt Text?

Alt textAlt text is meant to be an alternative information source for those people who have chosen to disable images in their browsers and those user agents that are simply unable to “see” the images. It should describe what the image is about and get those visitors interested to see it. (Like the picture to the right)
Without alt text, an image will be displayed as an empty icon: without alt

In Internet Explorer, Alt text also pops up when you hover over an image. Plus, Google officially confirmed it mainly focuses on alt text when trying to understand what an image is about.

This means that alt text is valuable for SEO, in addition to being useful for users.

Alt text may also be called an Alt tag or Alt attributes.

What Does Image Title Refer To?

Image title (and the element name speaks for itself) should provide additional information and follow the rules of a regular title: it should be relevant, short, catchy, and concise (A title “offers advisory information about the element for which it is set.“).

In FireFox and Opera it pops up when you hover over an image:

 

Edited by Michel_72
Link to post
Share on other sites

This is probably a confusion on what 'title' means - as it says in the dialog box, it is for accessibility which will put it in the Alt for it to be able to be read for accessible browsers.

Others have possibly seen a 'title' before due to the use of figcaption.

Put the following in to a text file and save it as .html and open in a browser - see which 'title' is shown straight away and which one is shown when you hover over the image.....is it "banana" or "That's Aerosmith up there"?

<html>
	<head>
		
	</head>
	<body>
		<img alt="title" title="banana" src="http://vignette1.wikia.nocookie.net/lyricwiki/images/8/85/Aerosmith2.jpg" />
		<figcaption>That's Aerosmith up there.</figcaption>
	</body>
</html>

So the request could really be "can you please allow us to put captions below images?" and "can the 'title' option please show upon image hover?"

image.thumb.png.738ee9aa0a5b2ac75463cecbc8195506.png

Edited by Nathan Explosion
Link to post
Share on other sites
On 9/1/2017 at 9:01 AM, Nathan Explosion said:

This is probably a confusion on what 'title' means - as it says in the dialog box, it is for accessibility which will put it in the Alt for it to be able to be read for accessible browsers.

Others have possibly seen a 'title' before due to the use of figcaption.

Put the following in to a text file and save it as .html and open in a browser - see which 'title' is shown straight away and which one is shown when you hover over the image.....is it "banana" or "That's Aerosmith up there"?


<html>
	<head>
		
	</head>
	<body>
		<img alt="title" title="banana" src="http://vignette1.wikia.nocookie.net/lyricwiki/images/8/85/Aerosmith2.jpg" />
		<figcaption>That's Aerosmith up there.</figcaption>
	</body>
</html>

So the request could really be "can you please allow us to put captions below images?" and "can the 'title' option please show upon image hover?"

image.thumb.png.738ee9aa0a5b2ac75463cecbc8195506.png

Nominating @Nathan Explosion to teach HTML classes for dummies.  

Link to post
Share on other sites

He says he expected appearance of value from "Title" field in title="" attribute but instead it appears in alt="" attribute, which is confusing while the field is called "Title", not "Alternative text".

3 hours ago, Joel R said:

teach

*Learn. <figcaption> must be always included in <figure> :)

Link to post
Share on other sites
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy