How to differentiate between in-page links and out-of-page links - html

I have a documentation page, and an example paragraph may look like this:
For more information on retailers, please see our Retailer section, and to see an example retailer, click here.
What is a good way to differentiate the two links for an end user, the first link being within the documentation, and the second link going to an external site. I thought about using the "link to external site" icon -- https://fontawesome.com/icons/external-link-alt?style=solid --
-- but to me that feels more like a "open link in new tab" icon, which has nothing to do with the above (both will appear in the same window the user is currently in.
What would be a better way to communicate that?

You could add the font awesome 'link' icon on external links. https://fontawesome.com/icons/link?style=solid
And just leave all other links as is. It makes sense to me but I think this is just a matter of opinion. :) This is more of a business/design decision than a technical issue. From what I've seen most sites don't specify between the two.

Related

Tumblr ask box appearing where it shouldn't

I am writing a Tumblr theme and all went smoothly until I enabled the "ask box".
When I add the code for the ask box to my page, the box will appear on both my main page (where the posts are displayed), and also on my /ask page (which is the only page it should appear on).
I can't find anything on this issue in the tumblr documentation, and no themes I look at even have the tumblr ask box code in them.
The ask box doesn't need to be hard coded. Tumblr creates an ask page for you at '/ask' by using the permalink page style for text posts. The only thing you need to worry about coding in your theme is the ask link.
Make sure you wrap the ask link in the appropriate blocks - {block:AskEnabled} and {/block:AskEnabled}.
(All of this is the same for submit pages too. Just a slightly different block which can be found in the documentation).

How to only show a snippet of text for a blog page

I am making a website which has a blog, however I do not know how to make it so that only a snippet of text shows (say the start of the article) so that users can click on "read more" to open that particular article.
Obviously I could do this by putting the first few lines in HTML, with a "..."
and linking it to a page with the full article, using tags etc.
But, is this the correct way?
I don't know what I should be searching for so therefore I am not finding much information, just lots of wordpress stuff and I am using bootstrap and Less.
I haven't put my code as this is just a general question, I do not have a piece of code I am needing help with, just would like to know how this is done and/or a link to a good explanation as I am pretty new to this.
Thanks!
You should take a snippet of your page and use it for this purpose,it will help you in seo if you can use that in meta tag too to better index your page and hence better search result will be displayed .

Can I override the title of a bookmark for a web page?

This question has been asked before by someone else entirely, but basically no solution was given (and this was in 2008). Now, in 2013, HTML and browser functionality has increased, so I thought maybe it's a good idea to ask.
Question:
As a developer, how can you make sure that the title of the web page is different from the title of when someone bookmarks your page?
The reason I ask is because there are many websites that have their title, and then some slogan. Or worse, the slogan first and the actual site title after that. In any case, the titles are long, and you want your bookmarks to be concise, preferably one word, right? I want to know if there's any kind of functionality like that available in modern browsers.
As far as I can tell for Internet Explorer you can add a link, perhaps in the footer, for your visitors to click and bookmark your site and edit the default title with this function AddFavorite().
Here is a link to it on MSDN. Please notice that this function is deprecated.
See the demonstration of use below:
<a href="#"
onclick="window.external.AddFavorite(location.href, 'YOUR_TITLE_HERE');
return false">
Bookmark this!
</a>
Although this won't work on other browsers as far as I am aware (surely won't work on Chrome and Firefox) and it's use is abolished when a user decides to bookmark your site manually instead of clicking the link.

How to get Facebook like button to add a website and add the user to our Facebook page

I've just set up a new website at http://www.elitefightkit.co.nz and we also have a Facebook page which I don't have the url to hand at the moment (but it's called Elite Fight Kit). I want to add Facebook like buttons to my website. I can understand how to add them for product pages but I want to have a 'join us on facebook' button at the base of the page in a footer I'm producing so visitors can be added to the list of people on our Facebook page. We're growing a nice group of people over there.
I've looked into the Facebook like button and it seems to suggest that when user clicks it (if configured correctly) a feed item will be added to the users profile to say they like my website and provide a link back to the site. It seems I either have them like the website or like the Facebook group. That's great BUT I wondered if there was a way to have them click the like button, add the link to the website but ALSO join them to our Facebook page. Is there a way or will that be two seperate buttons?
This article was helpful when looking into the Facebook like button: http://www.webmonkey.com/2010/04/adding-facebook-like-buttons-to-your-site-is-damn-easy/ it pretty much got me rolling, although the Facebook developer page wasn't too hard to get my head around either. :)
Hope someone has some experience with this that can throw some light on it for me. Thanks in advance!
I've looked into a similar request before but decided - given the current social plugin documentation - that it could only be done with two separate buttons. My advice would be to make the Like button on your website point to your Facebook page, with a prominent link back to your website from there. Without wanting to state the obvious, any wall posts that then appear for people liking your page will effectively advertise both!

Why are page titles on some websites clickable URLs?

Why on sites like Stack Overflow, Techcrunch, Smashing Magazine, etc. are the page titles (i.e. the text at the top of the page) clickable URLs that redirect to the same page that the user is on?
Some examples:
I believe that this does not effect SEO as search engines ignore internal links.
Is it for usability purposes?
It allows you to right-click on it and choose Copy link location (or equivalent) so that you can easily paste it in an email for example. This requires less time than copying it from the location bar, and some people run their browser without a visible location bar to save previous screen space.
More than anything, it provides a link to the default state of the page.
For example, for this very stack overflow page it is a user can get here through any of the following non-default links:
Why are Page Titles on some websites (including Stack Overflow) Clickable URLs?
https://stackoverflow.com/questions/904381#foobar
https://stackoverflow.com/questions/904381?sort=date
While the default link is actually:
Why are Page Titles on some websites (including Stack Overflow) Clickable URLs?
If users are unable to get to the default state, they end up bookmarking or emailing the non-default link which propagates to new users and the problem just multiplies.
Clicking on the title link of the post will restore the default state and strip off any query parameters (?sort=date), named anchors (#foobar) and fix the story slug (/why-are-page-titles/...).
I use it to refresh the page (yes, I could press F5 too).
Yes Jakob Nielsen has stated that linking to yourself is a web design mistake (nr 10). And I agree.
More reading info here. (nr 10)
The URL redirects to the beginning of the page, in case you arrived on the page via a specific answer (all answers are also clickable URLs). This way, you get the URL of the question, not of an answer.
Not sure if this is why they did it, but I find it useful to siphon off tabs:
If I look at something briefly and think "I'd like to read this thoroughly in a minute but continue with what I was doing before", I can do this:
I can right click the link, click "open in a new tab" and then click "back" and continue nicely.
It's called a Permalink... The name implies what it is, a permanent link.
It's the same reason that each answer on SO has a link you can copy.
I think it inherits the behavior from CMS where each question is a node, which has 0<= answered question. Now think you go for a search on apache questions.
The result are displayed one after another.
In terms of CMS this is called a teaser. You get a full page with lots of questions where the question's title link to the full article(question + answers)
Its not a must, but you'll find it on most sites which uses a CMS.
As long as it does not harm anyone why would people be against it?
I prefer to have those links available as hitting refresh would reload all elements of the page instead of just following the direct link (to the same page) that uses cached elements.
Makes sense to me, I find it useful! I have a lot of tabs open so I just right click the link and go back.
To me this makes perfect sense, from a SEO view this is also good! It forces it to read the page because it's linked.
UX-wise clickable titles which don't bring the user anywhere may seem unusable though that leads us into the realm of Affordance Theory and whether or not the affordance is perceptible to users.
For example, clickable page titles may provide:
A simple method for bookmarking a page to the desktop from a browser window.
A context menu with additional choices allowing users to share a blog post or article.
A method for updating the location bar so it's pointing at the canonical URL of the page.
For the sites you mentioned, however, it seems more likely the page titles were turned into hyperlinks using absolute URLs so analytics tooling could pick up inbound link clicks – those sending the referer info – resulting in DCMA takedown notices when people copied work and didn't update the URLs.
You'd be surprised what people do when they're being incentivized to produce work contractually.