New Mobile friendly pages, cant find where put alt tag

Report · Jul 08, 2018

On my old html images I click on image on the html page in DW and below in properties I see the field to insert an image alt tag.

But with the new mobile friendly conversions I'm doing, I click on the image and there is no alt tag anymore in properties. Confused.

(and alt tags for images help with SEO, get those image into Google images correct? Thanks.

Report · Jul 08, 2018

It should be there. If not, then there is a coding error in your document.

Wappler, the only real Dreamweaver alternative.

Report · Jul 08, 2018

Ben here is the weird thing. On old html pages, the code for images is all there:

For example

I have an html page, I link to an image, DW puts the image code on the page.

But with the new mobile conversion, done with css, the code is not there? Why not? I seem to have to manually add the image code one by one.

Report · Jul 09, 2018

The code for HTML images looks like this (no spaces in filename):

In the case of CSS images, there is no way to add ALT attributes to background images.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 09, 2018

Nancy, thanks, you are saying with CSS, the <img src="image_name.jpg"

Does not happen? So people who use CSS may not get their images in Google Images then? Only if do old fashioned html?

We (my apprentice and I) seemed be ok now by just manully putting in the <img src="image_name.jpg" on the code of the page. copy / paste to each one

That should be a good workaround ?

btw how define background image, this image for each page is the key image of the page, -- I'm a photographer, so it's a portrait, fashion shot... main point of the back.--- it's not a background thing..

I think this going to be very confusing and tough to understand via a forum. We found the alt field that alt fiend that Ben pointed to ( my apprentice has new version CC, I have very old version of DW, so maybe that why I never saw it), but the DW does not seem to put in the <img src="image_name.jpg" part to the file

Also place to add image title that could help as well with Google images.

Report · Jul 09, 2018

ALT attributes are not for Google. They are for web accessibility. If your image fails to load for some reason -- user has turned off images to save bandwith, the image cannot be found on server, etc.. then ALT text is shown in its place. Also ALT text is audible via certain screen readers for the visually impaired.

If you want Google to notice your site, you have to have plenty of keyword-rich text in the <body> of your web pages. Images alone are not going to get you much traction with SEs.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 09, 2018

YEAH, I know a lot about SEO, but this thread is about images only.

I knew this would be too hard via forum, maybe someone else can try..

Simple with old html pages. with CSS in the mix again, I'm not seeing normal tag for images I'm used to see on the html pages.

This <img src="image_name.jpg, for example , is not showing up on the pages.

Report · Jul 09, 2018

Why are you using css for your images and not html?

If you open your html page, then insert an image, then look at the properties panel, have you got the html 'properties' selected, (on the l/h side)?

Report · Jul 09, 2018

HTML = content

CSS = styles and layout

JavaScript = interactive elements like slideshows

Without seeing the entire code, I can only make wild guesses. Perhaps images are coming from a JavaScript plugin?

CSS backgrounds would be in the stylesheet -- an external .css file to which the HTML document is linked.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 09, 2018

larry4545 wrote
I think this going to be very confusing and tough to understand via a forum.

For better answers, we need a URL to the site. If it's not live yet, upload it to a TEST folder on your server so we can see exactly what you & the apprentice are working with.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 09, 2018

For rwd images, you do not include the width and height attributes in the html code, instead use css -

img {

max-width: 100%;

}

set the 100% to whatever you wish.

In the html for rwd images you should use srcset or picture elements in the html -

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

Report · Jul 09, 2018

Thanks Pziecina and Nancy, well for prospect of getting these tagged for Google images, I'm thinking of just inserting this manually on each html page

<img src="image.png" <img title= " " alt=" " />

I don't mind PM you urls, but I don't like to put that up here in public forums.

Report · Jul 09, 2018

Sorry but somewhere in this discussion, you have lost me on what it is you are trying to do.

Are you inserting the images in the html code or in the css code?

Report · Jul 09, 2018

Too difficult to re- explain. It would be hard even by phone live.

If you are open, I could PM page and try via direct one on one emails.. but

Report · Jul 09, 2018

Sorry I don't do PM's regarding forum posts.

I don't know if this will help though, but if you include the image description, (as short as possible) in the images meta data, in photoshop/bridge/lightroom, then Google and the other larger search engines will read the meta data information. This does mean that you must not use any save for web feature or any optimization routines, (you can still use the normal image improvements) though as these strip all meta data except width and height, it also only works with jpg images.

The meta data reading was included because srcset was not available untill 3 years ago.

Report · Jul 09, 2018

I agree with PZ about meta data inside your JPGs.

Adding HTML to pages might be the right or wrong thing to do with this project. Without seeing your code, I cannot offer advice either way.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jul 09, 2018

thanks, Nancy, I can PM, but can put real site up here on forums.

Adobe Community

New Mobile friendly pages, cant find where put alt tag