TheDetourEffect

Thanks @ChristineDarby! I got impatient and requested reindexing on every URL individually, that seems to have worked for the most part

Site URL: https://thedetoureffect.com/

I enabled AMP on my blog posts last week because I was advised it will speed up my site. It didn't, and it looked horrific and hid all the important information so a couple days ago I disabled it. Now, in Google search results my page still comes up with the crappy AMP version of my pages. When will it stop? Do I have to request reindexing for every single URL one by one with Google now? None of my Black Friday ads probably showed up this whole weekend because of AMP.

On 6/25/2020 at 9:03 AM, AndyDevaney said:

Site URL: https://www.sustainhealth.fit

Can anyone please please help as it seems to be a common question that no one does have an answer to.

My page speed insights are coming back pretty bad and this is in part to the following.

1. Too many fonts being applied by SS when I'm only using two; so ideally I need to remove the unused fonts as they're using around 1mb and hugely impacting page speed. 
2. Ensure text remains visible during webfont load
3. And Google Ad code is also slowing down the page significantly; is there anyway of hiding this code deeper so as not to add penalty, I've noticed when searching competitors page speed there ad code isn't impacting their site.

Thank you.

Did you ever figure out if there's a fix for #2?

Actually, sorry, I think I'm wrong - I replaced the term 'nofollow' in your code with 'sponsored' instead, but when I did "inspect" it still said 'nofollow', so maybe it wasn't working? I think what I was seeing under "inspect" when I thought it was working, was actually a result of trying out this code in my footer injection. When I went into there and replaced nofollow with sponsored, and then tried to inspect again, it did update to sponsored.

Next to where it says 'a[href*="amazon.com"], a[href*="amzn.to"], I wrote in the following so that it would work for avantlink and travel payouts too:

a[href*="alnk.to"], a[href*="avantlink.com"], a[href*="tp.media"]'

And now when I inspect my avantlink links in the image card, they are rel=sponsored in addition to my amazon links. So I think I'm set?! Unless anyone has an opinion that this code is not ideal for whatever reason. 

(Just writing this all out in case anyone else has the same question and comes across this thread)!

If this means I can stop manually doing a markdown block to insert nofollow/sponsored code individually for every single link I am going to jump for joy. I'm a little nervous to stop doing that though since I'm in the habit, I'm not sure if I trust my footer code injection.

On 11/2/2021 at 2:26 AM, tuanphan said:

Hover on link >> Right Click >> Click Inspect Element >> and find rel="nofollow"

The code didn't work, try this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.image-card a[href*="amzn.to"]').attr('rel','nofollow');
});
</script>

Which affiliate links you use on your site?

Holy smokes I think that did it for the Amazon links!! Wow, thank you so much! I really appreciate you, I wasn't sure if this would be possible. I bet I will use this code all the time on lots of posts now.

The other affiliate programs I use are AvantLink and TravelPayouts

@tuanphan @lucilehr Not yet! I don't even really have any ideas. One time I thought it might just happen when I include music CDs in the ad, because they are wider than books and movie posters. But then I noticed some examples of it happening even when I don't include music, so I have no idea. 

Site URL: https://thedetoureffect.com/blog/roadside-attractions-northern-arizona

I tried searching the terms "amazon" and "native ads" in the forums but couldn't find anything. I like the custom native shopping ads from Amazon. When I insert the code into my site, sometimes the products don't show up at all. Sometimes it will only show one or two products, even though I had directed it to show 4 products. Sometimes it will only show products on mobile, or only on desktop. What gives? I have adblocker turned off. I have tried on multiple browsers. I emailed Amazon Associates support and they said if the code doesn't play nice with my site then it's Squarespace's fault. 

The screenshots show where the ads are supposed to be. On my desktop there's nothing. On my cell there's one product showing but there should be two. 

This issue has been happening for years. I could link/screenshot you to many many other pages on my site that have this issue.

13 hours ago, tuanphan said:

Can you share link to page where you have problem?

It's the link I included above where I said "here is the page"

On 10/29/2021 at 5:34 AM, tuanphan said:

I thought they are image, looks text same as image ☝️

Try adding this code into Settings > Advanced > Code Injection > Footer

<script>
$(document).ready(function() {
	$('.image-card a[href*="amzn.to"]').attr('rel','nofollow');
});
</script>

 

Thanks! How do I know if it worked or not?

Is "amzn.to" a reference to Amazon? Some of my links are not Amazon, I have some other types of affiliate links in there

On 5/2/2020 at 10:41 AM, tuanphan said:

Add to Page Settings >Advanced > Header

<style>
@media screen and (max-width:640px) {
  div#block-yui_3_17_2_1_1587605184432_11438 .sqs-intrinsic {
      padding-bottom: 100% !important;
  }
}
</style>

 

This is awesome that this is possible! I just implemented this on my site and it looks great. I've always been annoyed by the carousels being too small on mobile (but if you use slideshow instead, it's too big on desktop! And you also don't get the reel effect of the next/previous images bleeding over like you do on carousel). One thing I noticed though is that now my horizontal images in the gallery are cropped to be 1:1 instead of 3:2. Do you think there is some way to fix that or am I trying to have my cake and eat it too?

Here is the page, it's #block-yui_3_17_2_1_1634909803184_138412 

5 hours ago, tuanphan said:

I don't see image caption. Can you take a screenshot?

https://thedetoureffect.com/blog/digital-nomad-gift-ideas

With the overlap style, all of the text next to each image is the caption; those aren't text boxes, they're part of the image block:

Site URL: https://thedetoureffect.com/blog/digital-nomad-gift-ideas

Hi there,

I found out that I can give an image link a nofollow attribute by pasting this onto the end of the affiliate link: "rel="sponsored

This works when you click on the image itself. But if I write a caption and try to include a link there, it doesn't work. Example: I chose the "overlap" design for my images here because it looks cooler than other methods of advertising/linking to products. I wrote long captions to go with each image and included some links in the caption. If I paste "rel="sponsored onto the end of those links, clicking on the links will bring up an error. So I removed "rel="sponsored from all of them, but this is going to hurt my SEO ranking. 

Any ideas? 

Thank you!

On 9/28/2021 at 6:03 AM, tuanphan said:

Add to Design > Custom CSS

.meta-title {
    display: none !important;
}

 

Awesome that did it, thank you so much!!

On 9/24/2021 at 9:19 PM, tuanphan said:

Hi,

No title/des here.

As you wish, I have now checked the "Show Title and Description" box. 

If it's the block ID you're after, it's #block-yui_3_17_2_1_1534801545666_87139

5 hours ago, tuanphan said:

Hi,

Can you take a screenshot? I see no title/description on all galleries

I unchecked "show title and description" for now since I don't want it to show the titles. Would you like me to re-check that box?

Site URL: https://thedetoureffect.com/blog/la-fortuna

Hey guys,

I only want this change to happen on one image gallery on one page of my site, not all image galleries across my entire site. It's a slideshow image gallery. I want the image descriptions to show up (which include photo credit), but I do not want the titles of the images to show up (they are just SEO titles). And not just on hover; I want the descriptions to always be there and the titles to never be there. I found similar questions elsewhere on the forums and tried using the code suggested for other people but it's not working. 

Whatever code I use, should I also check or uncheck the "show title and description" area in the gallery design? I suppose if that box is checked, then the code should focus on hiding the title. If that box is unchecked, the code should focus on showing the description...?

Any ideas? Thank you!

On 9/1/2021 at 7:06 AM, tuanphan said:

Can you share link to a product?

Instead of products, I want to do this for just regular old image galleries, that don't have any products involved. Just an image gallery block with photography: https://thedetoureffect.com/blog/things-to-do-flagstaff-arizona

5 hours ago, tuanphan said:

Add to Design > Custom CSS

span[class*="PIN"] {
    display: none !important;
}

 

That worked!! Thank you! (But, it also took the save button off my actual pins. I have custom code inserted individually into every single pin that I created in Canva, so that a save button will hover on those specific blocks. It's only all the regular images throughout my site, which are just images and not pins designed for Pinterest, that I want the "save" button to stop hovering on. Oh well, maybe I can't have both).

51 minutes ago, tuanphan said:

Can you share link to page where you added regular gallries?

Here's one page where I have a bunch of slideshow galleries: https://thedetoureffect.com/blog/grand-canyon-trip-planning

I would prefer all those slideshows to be carousel-style instead, but I haven't made them into carousels yet because then they wouldn't have thumbnails or titles.

@tuanphanany ideas as to why the "save" button still hovers over every image throughout blog even though I disabled it in the "marketing" tab?

Site URL: https://thedetoureffect.com/

I saw someone post here about how to make thumbnails appear on a product carousel gallery. How would I do the same thing on an image carousel gallery?

I only want this on some pages, not all, so I will probably inject it in a code block on a particular blog post and NOT in Design > Custom CSS

Thanks for this! I wonder how I would do the same thing but for regular image galleries rather than product galleries? I guess replace ".ProductItem-gallery" with something else like ".image-gallery" or ".sqs-gallery-design-strip"?

17 hours ago, tuanphan said:

No Pinterest here. Can you share link to a post & take a screenshot of pin button?

Here's a link: https://thedetoureffect.com/blog/working-on-the-road

I attached some screenshots.

Is it because I have this code block in the post?: <script async defer data-pin-hover="true" data-pin-tall="true" src="//assets.pinterest.com/js/pinit.js"></script>

I was reading about how to make sure my pins have metadata in them (like alt text, data-pin-description, etc). I can't edit those things if I do an image block, so I had to use a code block to insert my pin at the bottom of the page. But, as a result, a "save pin" button would not hover over it. So, I had to add the script code I pasted above. I thought that would make the "save" button hover ONLY over my code block for the pin, and not every other image on the page. Maybe that's not correct.

Except...that can't be the reason, because the "save" button still hovers on my "all blog posts" page too, not just the individual post. Per the last screenshot.

17 hours ago, tuanphan said:

with align buttons, add to Design > Custom CSS

/* Hell songs tablet */
@media screen and (max-width:900px) and (min-width:641px) {
div#page-5b505230f950b763cdebf00d>.row:nth-child(2) .html-block {
    min-height: 210px;
}
div#page-5b505230f950b763cdebf00d>.row:nth-child(4) .html-block {
    min-height: 270px;
}
div#page-5b505230f950b763cdebf00d>.row:nth-child(6) .html-block {
    min-height: 150px;
}
}

 

Awesome, that seems to have worked! Thanks a ton! I would have never been able to cobble that together myself. 

I went to Marketing > Pinterest Save Buttons > Disabled, and that hasn't stopped the save buttons from hovering over all my images on my "all blog posts" page nor my individual blog posts. Any ideas? 

On 1/13/2020 at 12:31 AM, lloydlloyd said:

Hi I just completed my portfolio using the avenue template.  I have turned off Marketing/Share Buttons & Pinterest Save Buttons but these are still appearing. Also the pin buttons do not even align over the relevant image.  I am not using the 'Blog' or 'About' pages so have hidden these.  I'm only using the 'Work' page.  I have tried to search for all guides on this.  One guide talked about Site Style tweeks but I cant find anything that relates to the pin button in the site style options I can see.  I can only see COLORS, TYPOGRAPHY, SIZE VAlUES, INDEX STYLES, OPTIONS........ Please can you tell me what I am missing here???

Did you ever figure this out? I just changed mine to "disabled" and saved the change, and yet the pin button is still hovering over everything. Maybe I just need to give it some time to recognize the change?