What does rel="nofollow me" do? - html

I notice on SO userpage all urls have rel="nofollow me" (i was thinking of putting nofollow on my site so i checked here to see what SO does). What does the 'me' part do?

This is a combination of two independent uses of the rel attribute.
rel="nofollow" tells search engines to ignore the link when ranking pages.
rel="me" is a microformat

rel="me" is a link from a page about a person to another page about the same person.

Basically Rel="nofollow" not to follow link or not share your website repo to that page. This page could be internal as well it could be external page.
Rel="me" To give a social Repo to that page.
Rel="nofollow me" Means not to follow link but pass social repo to that page. Usually Facebook is a great example. From SEO point of view, now SEs are also considering social factors and I recommend to build your link on relevant page with high rate of traffic.

<a rel="me nofollow" href="https://example.org">
"me" instructs the search engines that the external website being linked(example.com) is another expression of me.
The page where "me" appears and the destination website listed into the href field have the same owner.

Related

URL in HTML and URL for desired link are not the same

I am working with mining some links from a Chinese academic article database.
It appears that when I refresh the page to an article I'm looking at, or simply copy and paste a url, the url redirects to the database's home page rather than the article.
For example, the following link goes to my search results:
http://search.cnki.net/search.aspx?q=%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD
The first article's individual url is:
http://www.cnki.net/kcms/detail/detail.aspx?dbcode=CJFQ&dbName=CJFQ2016&FileName=KJDB201615009&v=&uid=
However, if you try to directly click on the article link or refresh the article page, it redirects to the database home page. Why is this happening? Is there any way to get a "stable" url to these articles?
One detail that may matter, although I'm not sure, is that the url in the HTML code to the individual articles is also different.
<a href="http://epub.cnki.net/grid2008/brief/detailj.aspx?filename=KJDB201615009&dbname=CJFDLAST2016" target="_blank">
It's not really up to you.
The website you are referring checks if the link you are opening is a direct link or was opened from another page on the same website.
This is probably to prevent embedding links of this website in other websites.
In short, it does not allow direct links to its articles.
You can see it by examining the header returned from the request.
Instead of 200 OK you get 302.
Which tells the browser to redirect to another location.
You can try and fool the website by adding a "Referer" header to your request.
If you look at the header
that works you'll see that there is one.
I did not try but I'm pretty sure it will work.

Can I search Google for the href link in an anchor tag?

In other words, if there are pages out on the web with anchor tags saying, for example:
Interesting photo
Can I search for "this_page.html" and find pages that link to that page on my site? I seem to be able to search only for "Interesting photo", the shown text in the link.
Thanks for any insight.
You can make the following google search: www.mysite.com/this_page.html -site:www.mysite.com To find webpages there links to your website -site:www.mysite.com exclude your own website.
You can use a "backlink-checker"
for the main site, but it won't reference
individual pages (free versions anyway, paid version will have different feature sets).

Do I need to add nofollow rel attribute to links if the href page contains a robots meta tag containing noindex and nofollow?

If i have a page ("dontFollowMe.html") with the meta tag:
< meta name = "robots" content = "noindex, nofollow" / >
... and I link to that page ...
Do I need to include the nofollow rel attribute to the a element? :
sign in
Thanks
No, you don't necessarily need to use nofollow on a page that is noindexed (for technical reasons, as your question described).
nofollow = "Do not pass link juice to this page. Just pretend it doesn't exist". Of course, this is just a suggestion to the search engines.
noindex = "Do not index this page. I don't care whether other pages linked to it as followable or not, just don't index it."
For SEO reasons: if this question is assuming you're linking to an internal page, then the answer to your question would be that typically you would want to nofollow the link to this unimportant page and also noindex it on the unimportant page.
rel="nofollow" will signal crawlers to not to follow the links. If you want spiders to spend quality time on other links on the page, you typically add rel="nofollow" to the links that you do not want it to be crawled. Other reason would be if you cannot vouch for what is there in the linked page. Having "no follow" on the page signals no to follow any outgoing links on the page. Page would still be crawled by crawler by google.
(As you tagged your question with a googlebot tag, I assume your interest is in Google and the nofollow tag and link attribute.)
If you have nofollow as a meta tag, then you do not need to add to individual links, because :
The nofollow robots meta tag applies to all links on a page. The
rel="nofollow" link attribute only applies to specific links on a
page. For more information on the rel="nofollow" link attribute,
please see our Help Center articles on user-generated spam and the
rel="nofollow".
How does the nofollow robots meta tag compare to the rel="nofollow" link attribute?
nofollow as value of meta-robots and nofollow as link type mean different things, or exactly the same, depending on which definition you follow (details).
HTML5 defines that the link type nofollow
[…] indicates that the link is not endorsed by the original author or publisher of the page, or that the link to the referenced document was included primarily because of a commercial relationship between people affiliated with the two pages.
It does not mean that the link should/must not be followed by visitors/bots.
So unless you do not endorse the link to your dontFollowMe.html, or unless you have only added it for commercial reasons (i.e., advertisement), you should not use the nofollow link type.

Adding a share button for a mobile site

I want to add a share button for my mobile site, and I need the sharing properties to be custom.
Is there a way I can share a link with custom title, description or comments?
Is there a way to share it through the Facebook mobile application if the user is connected through it?
I've tried to use
<a title="send to Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&
p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
target="_blank"><span><img width="14" height="14" src="'icons/fb.gif" alt="Facebook" />
Facebook></a>
It does work with regular sites, but when trying to run it in my mobile, it doesn't share the same...
I have a workaround for this - Make the Facebook share URL go to a page that redirects to the page that you are having trouble with. The redirect page can have new title, meta description and other meta tags in it that you can customize to make the Fb share look just the way you want it. As an example, the QR code on this page takes your phone to the Facebook share link I designed using this technique. I also made a share link for desktops by clicking on the postcard: http://modernmancaves.com/share.html. Side note: This example page does not redirect (so that you have time to try the QR code, mobile share link and view the page's source code)
You can trigger the feed dialog on mobile devices (see https://developers.facebook.com/docs/reference/dialogs/feed/ )
This allows you to specify the share metadata, and should automatically display a mobile-friendly version on mobile devices

What is it when a link has a pound "#" sign in it

I have inspected some sites and they have a pound(#) sign in the url. What does it do?
<a href="#" >Link name</a>
It's a "fragment" or "named anchor". You can you use to link to part of a document. Typically when you link to a page, the browser opens it up at the top of the page. But you link to a section half-way down, you can use the fragment to link to that heading (or whatever).
If there is no <a name="whatever"/> tag within the page, then the browser will just link to the top of the page. If the fragment is empty, then it will also just link to the top of the page.
For a fragment only Link name, then that's just a link to the top of the current page.
You often see that kind of link used in conjuction with javascript. Standards compliant HTML requires a href attribute, but if you're planning to handle the request with javascript then "#" serves as a reasonable place holder.
... just to add a few extra useful tips.
You can access and change it with document.location.hash in JavaScript.
It can point to a named anchor (e.g. <a name="top"></a>) or to an element with a corresponding id (e.g. <div id="top"></div>).
Seeing one on its own (e.g. popup) generally means a link is being used to run JavaScript exclusively. This is bad practice.
Any a element should have a href that points to a valid resource. If one does not exist, consider using another element, such as button.
The pound sign (#) indicates to locate an anchor on the page. For example, if you include this somewhere on the page:
<a name="foo"></a>
or, more recently:
<div id="foo">*part of page*</div>
and then you click on a link on the page that has the href #foo, it will navigate to the anchor with the name or div with the id foo.
However, if you just have the href #, it will lead to the top of the page.
# indicates a link to an anchor.
I thougt I'd also mention something else:
Using '#' as the href for a link that activates JavaScript is bad because it scrolls the page to the top - which is probably not what you want. Instead, use javascript:void(0).
This links back to the page itself. It's often used with links which actually run some JavaScript.
I think most of the posters here forgot how to use Internal Links.
A typical <a> element uses an href attribute to link to an external URL/URI (website). But most new developers do not realize you can also link to internal sections of your web page by using a "#" and an identifier instead. The easiest way to do this cross-browser, is using the following HTML:
This page link...
Go to Section 1
...goes to this page location.
<a id="section1" name="section1"></a>
The "#section1" href value is called a "fragment identifier" and will appear in your browser's url when you click the link. Your page will then look for this identifier in your HTML page and automatically scroll down the page to it.
Notice I have used the anchor <a> tag as my receiver to the link. Traditionally this is how most web pages used to use these types of page links. Using anchors you avoid having to rename existing elements. It is also semantically correct and a better way to manage these types of bookmarks. But....it's ok practice to use a <div> or other HTML element with an id and name matching attribute assigned as the bookmark for the fragment identifier.
I like to use both id and name attributes with the fragment identifier, as HTML5 often does not support the name attribute on some elements, while id may not be recognized for the page marker identifier in older browsers.
This shortened, nameless version below is often used by developers as a default URL "stub" for an unknown URL added later to an anchor, to trigger a page refresh, or enable a link but let a Javascipt method capture the click event and route off somewhere else. This makes the "#" a nice fallback should the Javascript piece fail. It then becomes a nice Javascript-free refresh link. The "#" can also be a useful URL "filler for the "href" value when a missing or blank URL on an element might otherwise trigger some problem or style:
Go to the Top
The specific question was "I have inspected some sites and they have a pound(#) sign in the url. What does it do?"
An example is then given:
<a href="#" >Link name</a>
A consistent valid answer is given for jumplinks (whatever you want to call them) however the CSS :target psuedoselector would absolutely makes use of the hash in a URL as well.
It doesn't change the answers. However gives another use case I thought would be valuable, to not belabor, see the below excellent link which explains:
However, https://css-tricks.com/on-target/