How to 1) create or locate graphics or 2) prepare digital photography for your site. Also, share your favorite tools, image sources and resources, and image-using ideas.
NOTE: Basic questions on using the Image Library belong in the Sitebuilder Libraries & Tools forum.

Moderator: Laura from Chautauqua

#1364907 by Marylyn from family-getaways-melbourne.com
Mon Feb 13, 2017 3:21 am
Recently I have been using the 'embed' facility in Instagram and Wikipedia regarding images.

Question has arisen as to whether I need to be adding a
Code: Select allrel="nofollow"
attribution to the code supplied.

For example here is an Instagram code that I want to embed onto my webpage ...

Code: Select all<blockquote class="instagram-media" data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/wezM6cud1M/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A photo posted by Melbourne_Street Art Project (@melbourne_streetartproject)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2014-12-11T21:18:34+00:00">Dec 11, 2014 at 1:18pm PST</time></p></div></blockquote> <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>


Should I add the
Code: Select allrel="nofollow"


<blockquote class="instagram-media" data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozA............................... white-space:nowrap;"><a href="https://www.instagram.com/p/wezM6cud1M/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank" rel=”nofollow”>A photo posted by Melbourne_Street Art Project (@melbourne_streetartproject)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2014-12-11T21:18:34+00:00">Dec 11, 2014 at 1:18pm PST</time></p></div></blockquote> <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>


Cheers,
Image
#1364926 by Jacki from Macleod
Mon Feb 13, 2017 3:01 pm
Are you getting financial recompense for embedding the image? Do you trust the site? If no to the first, yes to the second, then no need to put the no follow on :D
#1364949 by A J from Somewhere Hot
Mon Feb 13, 2017 6:24 pm
You should check the terms of use first. It's quite possible that a website that allows you to display images from them don't want you doing something like that.

Cheers, AJ
#1364959 by Jacki from Macleod
Mon Feb 13, 2017 7:12 pm
A J from Somewhere Hot wrote:You should check the terms of use first.
Good point.
#1364983 by Marylyn from family-getaways-melbourne.com
Mon Feb 13, 2017 10:39 pm
A J from Somewhere Hot wrote:You should check the terms of use first. It's quite possible that a website that allows you to display images from them don't want you doing something like that.

Cheers, AJ


I was under the impression that Instagram, Pinterest and Wikipedia would be fine and not requiring the "nofollow" attribution for images embedded from their sites

An example of one of my pages that has a Wikipedia image embedded image AND several Instagram embedded images is this one ...

http://www.family-getaways-melbourne.com/formula-1-australian-grand-prix.html

In building this page I did get this message from Analyse It but I receive no compensation, nor have the capacity to, from any of the linking

There may be too many outbound links in the BODY copy of this page.

Linking out to high-quality, authoritative websites is a good way to add value to your coverage of a topic.

That said, you only need to do this occasionally (i.e., only do it on pages where it makes sense).

This is fine if ALL of the destinations are excellent, relevant and (preferably) non-competitive. However, if any of these links do not add value to a visitor's understanding of the topic, removing them is highly recommended.

Note: Because the links are "follow" links, it's assumed that they're "editorial" in nature. If they're "commercial" (i.e., you could or do earn income from them), they must be "nofollow" links.


Before I build another page on my website I do need to clarify this matter up as my method of building a page relies heavily on the practice of using embedded links for images and for inserts such as here from .
Twitter on this page ... http://www.family-getaways-melbourne.com/high-tea-melbourne.html

Cheers,
Image
#1366033 by Marylyn from family-getaways-melbourne.com
Sat Mar 04, 2017 1:55 am
I am still confused as to whether I should or should not be adding the rel="nofollow" attribution to the code for ...

Instagram
Flickr
Pinterest
Twitter

Can someone please tell me Yes or No?

Cheers,
Marylyn
#1366037 by Jeff from dogquotations.com
Sat Mar 04, 2017 3:22 am
No, you don't need to, Marylyn.

Nofollow is for commercial links. Follow is for editorial links. Think of it like you telling a family member about a great site you found. You'd tell them if it was a commercial site. You probably wouldn't if it was simply an excellent site about a topic your or they are interested in.

If someone had never heard of Pinterest or Twitter, but you wanted them to read a great tweet or view an excellent image, you wouldn't tell them that it's a commercial site, or warn them that they might see ads there.

Users browsing this forum: No registered users and 1 guest