Entries tagged with “Link” from CMS

Jumping To Hyperspace With Your Links: Don’t “Click Here”.

hyperspace-collage copy.png

O.k. what’s the first thing you think of when I say “hyperlink”? If you’re like me, (or a teen-age to middle-age boy) you probably think of Star Wars and “hyperspace”. The good news is the technology need not be anywhere near as advanced for a “hyperlink”.

So what’s a hyperlink? A hyperlink is a word, phrase, or image that you can click on to jump to a new document or a new section within the current document. Hyperlinks are found in nearly all web pages, allowing users to click their way from page to page. Chances are many of you have already made at least one of these; you can generally recognize them by the text being in a different color than the rest of the page (usually blue or red) and the words being underlined. If you’re looking for help on creating a link, creating an anchor link, or the differences between Internal and External Links – follow these links or check out the CMS Blog Archives.

So why can’t I use “click here”? 
Here’s the thing about hyperlinks – the text you use with them is very, very important. Search Engines like Google, Yahoo, Bing etc. use the text as a basis for what the link goes to. So if you say “click here” or “for more information” etc. then it thinks that’s the name of the page that you are linking to. Entering in your Metadata on all of your pages is also important in this regard. It’s also proper web etiquette to hyperlink this way rather than to say “click here” etc.

Notice in the paragraphs above that there are five hyperlinks – linked to text that more accurately describes the pages they link to. It’s also not a good idea to write out the website address (http://www.uml.edu ) as your link – instead write out the name of the site University of Massachusetts Lowell and then hyperlink it. It’s also in the best interest of your visitors. Studies have shown that people visiting a website are more likely to click on a link that contains key words that describe where the link points to.

Hyperlinks can also be done as part of a bulleted or other type of list. Take, for example the About the University page from the UMass Lowell website:

about-page-bullets-links.png
 

Each of those items in the list is a hyperlink.

By better hyper-linking your pages you will not only help your website be found more easily on Google and other search engines but will also help your users get to where they need to go faster and easier.

As always if you have any questions about this, or other Collage or web-related matters, please don’t hesitate to contact the Web Content Team. (See that? I just hyper-linked an e-mail address, too!) You can also call the Web Content Hot-line at: 978-934-3875.

THE END.
Adding An E-mail Address to A Faculty or Staff Bio


e-mail.gifSo you're sitting down to edit (or create a brand new Faculty or Staff bio), you breeze through most of it with no problem and then you get to the dreaded e-mail address… It looks simple enough; you’ll just type it in and then ugh! The good news is its not that much harder to put it in; in fact if you can create a link you can do it in a couple of easy steps.

1.   Sign Into Collage
2.   Go to your Inbox
go_to_inbox.jpg
 

3. Click on New to create a new task. Or click on a task you’ve already created and open it by clicking on the Blue task name under “Task name” (skip to #7 if this is the case).
 
 
new_task.jpg

4. Create the task and add the faculty/staff bio you want to edit to it.

5. Finish creating the task – if you need help with this please e-mail webcontent@uml.edu

6. Go back to your Collage Inbox. Select the task you've just created and click on the blue name of it to open the task (listed under task name).

task_name.jpg
 

7. Once inside the task, click on the file name you want to edit; these are blue and listed under File name.

click-file-name.jpg
 

8. The editor will open with the Faculty/Staff bio template. These templates are notorious for taking forever to load, so please be patient. After the page has loaded, click on the space below Email:

email1.jpg
 

9. Then click on “Link” from the menu above (just like you’re creating a text link).

email-link.jpg

10. A pop-up window will open. Click on External.
 
email-external-link.jpg

11. Wait for the pop-up to load; once that’s done and the “New Link” button is visible click on “New Link”. If this doesn’t show up right away you can try going back and forth between Internal and External again and it may load.

email-external-link-new.jpg

 

12. Another pop-up will open. You’ll need to write (or copy and paste) the e-mail into both the Name: space and the URL: space. Notice the red ! – this means you’ll not be able to advance without doing both these steps.

type in address.jpg
 

13. Once you have the e-mail address typed in, click on the drop-down menu and select “mailto”.

mailto-menu.jpg
 
14. Then hit “OK”.

mailto-menu-ok.jpg
 
15. This will load the e-mail address into the link box (your first pop-up window). Next click on the drop down menu in this pop-up window and select New window instead of Current window.

current-to-new-window.jpg
 
 
select-new-window.jpg

15a. This means that the link (in this case the email) will open in a new window. For University guidelines on what should open in a New Window vs. the Current Window try these two links: http://blog.uml.edu/cms/2009/08/internal-vs-external-links-internal.html
and http://www.uml.edu/public_affairs/webservices/Style_Guide.html


16. Next type the text in the text box that you want to appear in the bio list. Most people either just paste the e-mail address here; or type the person’s name in this space. Notice there is a red ! here as well – meaning you can’t finish until you complete this step; once you do the red ! changes to a green check mark.

type-in-text.jpg 


16a. Note: whatever you write here will show up in the corresponding Bio on the live website, in this case the actual email address as opposed to the person’s first and last name.

 
name-bio.jpg




17. Then click “o.k.” to save and add the e-mail link.
 
click-ok.jpg


18. Finish and edits, preview your completed pages and then mark the task done and send it along for approval.

done2.jpg 




Internal Links Vs. External Links

chain-link.jpg

Part I -
Adding Internal Links

First of all what is an "Internal Link"?
Internal Links are any page that is within Collage.

Here's how to create an Internal Link:

1.      Enter the text that will become a link and highlight it (or select text that already exists on the page in Collage that you are editing.)

2.     Click the Link button.
 
The Link Window will appear.

3.jpg



3. The internal link tab will open by default, expand the uml.edu folder and then expand the UML Main Website folder. A list of all the departments in Collage will prompt. This list will include only folders that you are allowed to edit. If you need to link to a page in a department that you do not have permission to edit, skip ahead to external links. 
 
4.      Find the department folder with the page or document you wish to link to in it and click on the folder. A list of all the assets under that folder will come up on the right panel.

5.      Select the asset you desire to link to. The asset name appears in the Name field.

 
link-internal2.jpg 
 
 
6. In the Target drop-down list, you will need to select Current Window or New Window (see circled area above). Generally all internal links should open in the current window and all external links in a new window.

7. Click OK.

8. The word or words you selected in Step #1 will be underlined and a different color (usually blue).

link-internal-done.jpg 
9. Press Save to save your work.

10. Make sure to preview the page you just edited and click on the link to make sure it worked correctly. Do this by clicking on the Preview tab and then wait for Collage to load your preview. Note the change in the appearance of the highlighted word in which you created a link. If you do not like your Preview then click back on Edit and resume your edits.

internal-link-preview.jpg

11. When you are finished close out of the window and mark your task as "done" and send it along for approval.


Part II - Adding New External Links
 
First of all what is an "External Link?"
External Links are any page that is outside the University's website or email addresses.


Here's how to create an External Link:

1. Enter the text that will become a link and highlight it (or select text that already exists on the page in Collage that you are editing.) You can also do this for a person’s name or e-mail that you want linked to their e-mail address.

link-external-highlight.jpg
 

2.      Click the Link button. The Link window will appear.

3.      Once the window finishes loading select the external link tab.

link-external-box.jpg

4.   Click the New Link button (circled above). Note: There are more than a thousand existing external links in the External Links Library. This takes forever to load and is nearly impossible to find an already existing External Link that you are looking for. It’s easier to create a New Link every time.
 
5.      In the dialog box that appears, type in the Name of the link you are creating.


link-external-URLbox.jpg

 

6.      Select a URL type from the drop down menu according to the type of link (circled above).


7.      Fill the URL field with the proper website address or email address.
 
Generally we try to type in the entire web address (URL) in the name and then you can just copy and paste everything from the www. to the .org or .com etc… and paste that into the URL: box. Note the URL: box already has a http:// selected and you will need to remove this from the web address you paste into the box along side it. For example you would paste http://www.labelsareforjars.org in both the Name: and URL: boxes and then remove the http:// from the URL: box so that it now just says www.labelsareforjars.org (and the http:// is in the drop down menu to the left).

7a. If it was an email you were linking to you’d do the same but hit the down arrow where it says "http://" and select "mail to:"

8. Click OK.
9. In the Target drop-down list, you will need to select Current Window or New Window. Generally all internal links should open in the current window and all external links in a new window.

link-external-new-win.jpg

10.  Click OK.

11. The word or words you highlighted and selected in Step #1 will show up in BLUE.

12. Press Save to save your work.

13. Make sure to preview the page you just edited and click on the link to make sure it worked correctly. Do this by clicking on the Preview tab and then wait for Collage to load your preview. Note the change in the appearance of the highlighted word in which you created a link. If you do not like your Preview then click back on Edit and resume your edits.

14. When you are finished close out of the window and mark your task as "done" and send it along for approval. 

Subscribe to feed Subscribe to this blog's feed

Subscribe to feed Search results matching “Link”

Tags