Image gallery and SEO

[rawbox]

hi,

When using image gallery element all images in element are not visible by search engine SEO. When using the image gallery element Yoast SEO plugin does not recognize any pictures with-in gallery. Any way to fix this or a work around?

Thanks

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rawbox]

Ok thanks

will be waiting 🙂

[Andrei]

Can you please provide me a link to your website so I can properly understand to which photo gallery are you referring to ?

Looking forward.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[rawbox]

This reply has been set as private.

[Radu]

Hi,

You need to try next thing:

Try to disable that animations, at it should be visible in ‘SEO’.

I can help you if you are ok with disabling fade animation effect but tell me how you add the posts, it’s a post, portfolio ?

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[rawbox]

Hi,

I am posting as portfolio and animation is set to NONE. Still Pictures are not being seen by Yoast SEO plugin.

Thanks

[Radu]

I searched on google about this issue and i see that other users encounter same problem, but google knows that the images are present in page.

TIP : put post title on alt images for good seo.

Regards

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[rawbox]

Thanks Radu,

Just now waiting for Andrei to validate this. Haven’t heard from him yet since he asked for details.

Thanks

[rawbox]

Andrei, Any update?????

[rawbox]

over two weeks and still no update from Andrei ???????

[Andrei]

Sorry for the late reply, we are extremely busy for the moment.

I think that your images doesn’t get indexed because of the animation, which by default hides the image elements and reveal them using javascript which could lead to the issue you have.

I’ll ask my colleague @radu to provide you a small code snipped with which you can disable the animation and test again how your page get indexed.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi Rawbox,

You can disable animations by using this CSS snippet, add next CSS snippet to Theme Options -> General Settings -> Quick CSS

Note : This snippet it applies only for portfolio posts, if you want for entire site tell me.

COPY CODE

body.single-portfolio.kleo-transform .one-by-one-animated .start-animation .el-appear, body.single-portfolio.kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[rawbox]

Thank you Andrei and Radu 🙂

[d_enajetic]

Hi Radu,
I know this is an old topic, but I’d be interested in trying the code to disable animation for the entire site.

[Radu]

Hi D,

Try with this

COPY CODE

.kleo-transform .one-by-one-animated .start-animation .el-appear, .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

let me know

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[d_enajetic]

Thanks Radu,
Unfortunately, it’s not working. I’ve tried on a couple of sites I’m working on and there’s no change.

[Andrei]

Please be sure you have cleared any cache mechanism you might have activated on your site and your browser cache before aspecting any modification to appear.

If the code still doesn’t apply please provide us an url to your website so we can inspect why’s not working.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[d_enajetic]

Thanks for the response, Andrei. I actually spent a lot of the day optimizing my site and databases. Now that my site speed has greatly improved, I see it working, but only in certain cases (pages). I’m in the process of redesigning my site using different methods & tools within Kleo and VC. I think I’ll be ok, but I’ll report back for more assistance if needed.

Many thanks to you and Radu for the help.

Thanks,
Tasherre

[d_enajetic]

Hello again,
One last question. Is there a way to disable the animation in the VC elements? Mainly the Post Grid.

Thanks

[Andrei]

In the post grid you will need to go under Item Design, and edit the grid box and most probably there you’ll also find settings for the animation effect.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[d_enajetic]

Hi again, Andrei. I’m familiar with creating and editing using the Grid Builder and unfortunately, it’s still not working. The blocks say no animation, but it still animates. I’ve cleared my caches and even installed kleo on a test site where no other plugins are active only to have no change. Even when I change the animation type, it’s still doing the same default scale (zoom in) animation. Is there anyway to stop this?

[Radu]

Hi d_enajetic,

Can you please provide page where you are using the grid builder to take a look ?

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[d_enajetic]

Hi Radu,
Apologies for the delay. I was in the process of finishing the new site design then relaunching when you responded. The site was on a complete lockdown. Now that I’ve relaunched, I did find a work around. If you’re using a custom Post Grid design and would like to kill the animation, the work around is using Pagination instead of Lazy Loading, etc. In the Pagination options the animation is set to none by default. That kills it perfectly and speeds up the page loading.

Thanks again to you Andrei for the assistance. Much appreciated.

[Radu]

Great,

Have a nice week

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts