How to get rid of á and simillar characters in ALT tags of images in source code - Joomla!

michal84
143 Posts
michal84 posted this 18 May 2020
Ask a Question

Hello team,
can you please give me a hint, how to make my resulting source cody tiny and nice for search engines? I am from Czech republic, and my client's site is written in CZ language. The template is made in NicePage, and the rest of the page is shown in the source code properly. It just seems, that ALT tags of images took Title of the site. The title of the site is shown in the code properly, but the same is placed into ALTs (even when I tried to enter my different custom text), and the characters like "ě", "š", "č", "ř", "ž", "ý", "á", "í" and "é" are in the source code like this: á and so on.

Have a look to a source code at: https://www.obchod-podlahy.cz e.g. the code around that Wordcloud image of ThumbsUp.
It seems, that remaining text items are intact.

Thanks a lot for Your reply and stay healthy in nowadays crazy days.
Regards,
Michal

Hello team, can you please give me a hint, how to make my resulting source cody tiny and nice for search engines? I am from Czech republic, and my client's site is written in CZ language. The template is made in NicePage, and the rest of the page is shown in the source code properly. It just seems, that ALT tags of images took Title of the site. The title of the site is shown in the code properly, but the same is placed into ALTs (even when I tried to enter my different custom text), and the characters like "ě", "š", "č", "ř", "ž", "ý", "á", "í" and "é" are in the source code like this: á and so on. Have a look to a source code at: [https://www.obchod-podlahy.cz][1] e.g. the code around that Wordcloud image of ThumbsUp. It seems, that remaining text items are intact. Thanks a lot for Your reply and stay healthy in nowadays crazy days. Regards, Michal [1]: https://www.obchod-podlahy.cz
Vote to pay developers attention to this features or issue.
10 Replies
Order By: Standard | Newest
michal84
143 Posts
michal84 posted this 18 May 2020
It took translated into regular character. I meant something like this:
*Napište nám.*

M

It took translated into regular character. I meant something like this: *Napište nám.* M
Support Team
Support Team posted this 19 May 2020

Hi,

I've visited your website and compared image ALT attributes and site title. They are different. Nicepage displays the alt you added in the editor.

For example, thumb up ATL is:

Renovace podlahy - odkaz na kontaktní formulář

The site title is

Obchod Podlahy👍 - Největší distributor podlah, parket, koberců a metráže na míru

Could you please explain the issue in more details including screenshots?

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, I've visited your website and compared image ALT attributes and site title. They are different. Nicepage displays the alt you added in the editor. For example, thumb up ATL is: > Renovace podlahy - odkaz na kontaktní formulář The site title is > Obchod Podlahy👍 - Největší distributor podlah, parket, koberců a metráže na míru Could you please explain the issue in more details including screenshots? ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
michal84
143 Posts
michal84 posted this 19 May 2020

Hello Olivia,
yes - as the title is set not in the Nicepage (and neither in the template made in Nicepage desktop application), but in the Joomla global configuration. However I assume, that ALT tag of the image in the article cannot be involved by Joomla! configuration. Eventualy, is there any setup in Nicepage, that cause different codepage (I mean for example 8859-1 instead of UTF-8 or so)?

I see there a difference when used "View-source" and "inspect item" - see attachment.

Thanks for your previous answer.
Regards,
Michal

Hello Olivia, yes - as the title is set not in the Nicepage (and neither in the template made in Nicepage desktop application), but in the Joomla global configuration. However I assume, that ALT tag of the image in the article cannot be involved by Joomla! configuration. Eventualy, is there any setup in Nicepage, that cause different codepage (I mean for example 8859-1 instead of UTF-8 or so)? I see there a difference when used "View-source" and "inspect item" - see attachment. Thanks for your previous answer. Regards, Michal
Ch3vr0n
364 Posts
Ch3vr0n posted this 19 May 2020

8859-1 aka "latin-1" is known to have problems. You'll need to check these 3 values

MySQLi characterset: utf8
Default characterset: utf8
Database collation: utf8_general_ci

Note, it's not very easy to convert problematic characters from latin-1 to utf-8, i looked into this for weeks and just gave up. Changed the database server settings instead and restored a backup.

8859-1 aka "latin-1" is known to have problems. You'll need to check these 3 values MySQLi characterset: utf8 Default characterset: utf8 Database collation: utf8_general_ci Note, it's not very easy to convert problematic characters from latin-1 to utf-8, i looked into this for weeks and just gave up. Changed the database server settings instead and restored a backup.
michal84
143 Posts
michal84 posted this 19 May 2020

Charcode 8859-1 was meant rather like a bad example (unfortunately I know about such a mess, it can cause on web and programs as well). I do have DB, Joomla! system and also the template in UTF8. And the rest of the page is without any issues in the source code. Only these ALT tags seems to cause some issues. I would expect the page either completely messed off, or fine. However there is some mixture, and I do not know what caused that unfortunately. The site is using the webhosting in Czech republic, where was used their auto-installation script, that created DB, and also installed Joomla!. So I would not consider the issue caused by the webhosting.
I will yet have a look to the options of menu, where this issue is appearing at.
Even like that, thank You for Your info.

Regards,
Michal

Charcode 8859-1 was meant rather like a bad example (unfortunately I know about such a mess, it can cause on web and programs as well). I do have DB, Joomla! system and also the template in UTF8. And the rest of the page is without any issues in the source code. Only these ALT tags seems to cause some issues. I would expect the page either completely messed off, or fine. However there is some mixture, and I do not know what caused that unfortunately. The site is using the webhosting in Czech republic, where was used their auto-installation script, that created DB, and also installed Joomla!. So I would not consider the issue caused by the webhosting. I will yet have a look to the options of menu, where this issue is appearing at. Even like that, thank You for Your info. Regards, Michal
Support Team
Support Team posted this 21 May 2020

Hi Michal,

Eventualy, is there any setup in Nicepage, that cause different codepage (I mean for example 8859-1 instead of UTF-8 or so)?

There are no such settings on Nicepage. It adds UTF-8 charset to all themes and pages.
The image ALT can be changed in the editor for each image individually under the right-side panel.

Does the issue happen with any other image ALT attributes on other pages (nicepage and Joomla)?

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Michal, > Eventualy, is there any setup in Nicepage, that cause different codepage (I mean for example 8859-1 instead of UTF-8 or so)? There are no such settings on Nicepage. It adds UTF-8 charset to all themes and pages. The image ALT can be changed in the editor for each image individually under the right-side panel. Does the issue happen with any other image ALT attributes on other pages (nicepage and Joomla)? ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
michal84
143 Posts
michal84 posted this 21 May 2020

Hello Olivia,
I just updated the page akce.html located at https://obchod-podlahy.cz/akce.html . The mentioned behavior now appears in 2 images (dark foto with mobile phone, and photo of veil) above grid with 4 columns. Images have been assigned link to the same URL and they have been assigned also name containing "Akční nabídka - ěščřžýáíé". Both of them shows odd code in "View source". See attached image.
Image cannot be unfortunately to your discussion board attached. Filesize is about 65kB, and button "Attach file" still reports limit of 20MB that has been exceeded.

 <div class="u-layout-row">
          <div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-1">
            <div class="u-container-layout u-container-layout-1">
              <img class="u-expand-resize u-expanded-height u-image u-image-1" src="https://obchod-podlahy.cz/images/nicepage-images/akce_tmave_pozadi_mobil.jpg" alt="akce_tmave_pozadi_mobil Obchod Podlahy👍 - Na&scaron;e aktu&aacute;ln&iacute; akčn&iacute; nab&iacute;dky pro Va&scaron;e podlahy či metr&aacute;ž." data-image-width="1140" data-image-height="760" data-href="/akce.html" title="Akčn&iacute; nab&iacute;dka - ě&scaron;čřž&yacute;&aacute;&iacute;&eacute;">
            </div>
          </div>
          <div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-2" data-image-width="1140" data-image-height="855" data-href="/akce.html" title="Akční nabídka - ěščřžýáíé">
            <div class="u-container-layout u-container-layout-2"></div>
          </div>
        </div>

Regards,
Michal

Hello Olivia, I just updated the page akce.html located at https://obchod-podlahy.cz/akce.html . The mentioned behavior now appears in 2 images (dark foto with mobile phone, and photo of veil) above grid with 4 columns. Images have been assigned link to the same URL and they have been assigned also name containing "Akční nabídka - ěščřžýáíé". Both of them shows odd code in "View source". See attached image. Image cannot be unfortunately to your discussion board attached. Filesize is about 65kB, and button "Attach file" still reports limit of 20MB that has been exceeded. <div class="u-layout-row"> <div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-1"> <div class="u-container-layout u-container-layout-1"> <img class="u-expand-resize u-expanded-height u-image u-image-1" src="https://obchod-podlahy.cz/images/nicepage-images/akce_tmave_pozadi_mobil.jpg" alt="akce_tmave_pozadi_mobil Obchod Podlahy👍 - Na&scaron;e aktu&aacute;ln&iacute; akčn&iacute; nab&iacute;dky pro Va&scaron;e podlahy či metr&aacute;ž." data-image-width="1140" data-image-height="760" data-href="/akce.html" title="Akčn&iacute; nab&iacute;dka - ě&scaron;čřž&yacute;&aacute;&iacute;&eacute;"> </div> </div> <div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-2" data-image-width="1140" data-image-height="855" data-href="/akce.html" title="Akční nabídka - ěščřžýáíé"> <div class="u-container-layout u-container-layout-2"></div> </div> </div> Regards, Michal
Support Team
Support Team posted this 25 May 2020

Michal,

It would be nice. if you provide your project.

Thank you!
...................................................
Sincerely,
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Michal, It would be nice. if you provide your project. Thank you! ................................................... Sincerely, Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
michal84
143 Posts
michal84 posted this 25 May 2020

Hello Olivia,
unfortunately the board still pop-ups with the error, that the file cannot be attached because its filesize exceeds the limit of 20MB. My project I just exported has 1025kB. Is there any other way, I can hand to You my project?
Eventually, if you make this thread private, I can paste here my OneDrive shared file link.

Thanks for Your answer,
Michal

Hello Olivia, unfortunately the board still pop-ups with the error, that the file cannot be attached because its filesize exceeds the limit of 20MB. My project I just exported has 1025kB. Is there any other way, I can hand to You my project? Eventually, if you make this thread private, I can paste here my OneDrive shared file link. Thanks for Your answer, Michal

Last edited 25 May 2020 by michal84

Support Team
Support Team posted this 01 June 2020

Michal,

You can upload it to google drive or dropbox. We do not need the whole project. Please export and import your project locally, creating a copy. Then in the copy, remove all other pages, but the page with the problem, even all extra blocks, leaving just the issues.

Upload to gdrive and send us the sharing link.

Thank you!

...................................................
Sincerely,
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Michal, You can upload it to google drive or dropbox. We do not need the whole project. Please export and import your project locally, creating a copy. Then in the copy, remove all other pages, but the page with the problem, even all extra blocks, leaving just the issues. Upload to gdrive and send us the sharing link. Thank you! ................................................... Sincerely, Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments