Hints And Tips Of Social Bookmarking

If you’d like to use social bookmarking for promotion, here are a couple of suggestions. Pull together a list of links that are related to the links you are trying to promote. For example, if you are trying to promote a car blog, pull together a list of links to popular car blogs, manufacturers, forums, etc. Save them using del.icio.us.

Export the list formatted for Internet Explorer. Use that exported list to import your links into the other social bookmark services. This allows you to enter your links into a variety of social bookmark spaces with limited effort. Associating your promotional links with related links helps the social bookmarking services decide to suggest your promotional links to those who have bookmarked the related links. I suggest using popular links for your related links as they will spread your promotional links to more people.

You should also know that many of the social bookmarking services are crawled by search engines. This means that not only do you receive value from having your promotional links in front of the social bookmarking users, but your promotional links also end up in the search engine results. That also means that your promotional links are on pages within the social bookmarking site, which count as inbound links that boosts your site’s search engine rankings. Link feeds are also often crawled by search engines, which again boosts your site’s inbound links and improves search engine position.

If you maintain a blog, I recommend putting shortcut links for people to submit your post to social bookmarking services. I use this technique at the bottom of this post. There are quite a few social bookmarking services, so I recommend using an option menu to house most of them with icons for the most popular services.

Suggest a link
There are sites that aren’t exactly social bookmark services, but they do take site submissions. These include Fark, Slashdot, Newsvine, and BoingBoing. They are great places to submit your links for promotion or if you just find a cool link that should be shared with the world.The following are just a few of the social bookmarking services out there. There are close to a hundred, but these are arguably the most popular

Digg it
Give a Link
Yahoo MyWeb

Social bookmarking “found is the new search”

Ma.gnolia is a social bookmarking service developed by Zeldman and crew. They are one of about one hundred such services including del.icio.us, reddit, furl, and many more. All of these social bookmarking services offer the ability to save bookmarks to their database and they differ significantly from there.

The idea is that if web surfers collectively pool their links into a single database, each surfer can browse that database to find more of the sites they want to see. While there are 100 or so bookmarking services, each one exists because they have different information that is saved along with the link and different methods for browsing links. Let’s take a look at some of the major players.

Popular social bookmarking services
del.icio.us is one of the most important players in the social bookmarking arena because they are the largest and close to the oldest. Much of the way they organize their links for users to browse is based on tags.
Digg was revolutionary because they popularized “digging”. Instead of rating a resource from 1 to 5, you either digg the link or you don’t. Then people can tell how valuable a resource is based on the number of diggs it has.
Ma.gnolia take an interesting approach to bookmarks as it treats each entry as though it were a blog post. You can even use ma.gnolia to claim your bookmark blog on Technorati. Ma.gnolia also features communities with moderators that users suggest links to share.
Furl is an interesting bookmarking service because they will analyze your bookmarks and then make recommendations for other links and other people’s bookmarks.
CiteULike is heavily geared for academia. It’s a pretty standard offering as far as features, but if you are looking to share, store, and organize academic papers, this is the space for you.
Components of social bookmarking
Tags are a big part of social bookmarking. Tags are keywords or phrases that are assigned to a bookmark for categorization. Bookmarks can be tagged with more than one keyphrase.
Friends and networking
Many of the social bookmarking services allow you to create a profile as well as add people to your network. Other people are great sources for links and I recommend making friends with interesting bookmark mavens.
Link feeds
For the infovore and busy bee sometimes it makes sense to subscribe to link feeds. Say you made a friend on del.icio.us that has the best links and you want to know about them all the time, then subscribe to their links via RSS or ATOM or some other XML feed format.
Most social bookmarking services offer the ability to add a link in your bookmark bar in your browser, which you can click to save the current page you’re viewing to save it.

The Quite Web

The Quite Web is the era we are in right now. It began when the Internet began and it is the period of time dominated by text and image data (data that is quiet and stationary). Up until recently, rich media has been inaccessible to all but a wealthy few.

However, now that bandwidth is becoming more widely available at cheaper costs combined with the fact that rich media input devices, such as cameras and microphones, are widely available at affordable costs; we’re seeing more and more rich media information on the web. Look at the explosion of YouTube, a video sharing community that would have been inconceivable 5 years ago. Becoming evermore common place, VoIP has greatly increased the usage of the Internet for transporting rich data.

So much so, that I’m going to say we are embarking on a new time for the Internet as significant as the addition of audio to movies. At the same time, I wouldn’t think of it as Web 3.0, because I don’t think that name accurately describes this new era. We are not witnessing the next version of the web as we did with 2.0, rather we are seeing new layers form that have radical implications on culture and technology, which I’m calling the Rich Web.

The Rich Web
Technologically, the Rich Web is the mass incorporation of motion and audio. Culturally, the Rich Web is the emergence of a new level of visual and audio communication. Video blogs, or vlogs, are one example of the cultural usage of the newly accessible audio/video data. VoIP is another example. Movies are starting to sell viewings online.

The Rich Web will continue to develop on top of Web 2.0. There is a translation layer forming between the Rich Web and Web 2.0. The translation layer will be a huge part of the success of the Rich Web as it will power search and findability. It includes technologies like facial recognition and speech to text conversion. Converting audio and video into text data will enable rich content to be a part of Web 2.0, which opens up that rich content to the power of the Quiet Web (search, feeds, social bookmarks, etc).

Future players
I think Skype is a company that is at the heart of the Rich Web. With their roots in VoIP, they are enabling a variety of rich media services. I think we’ll see a fusion of cell phones and VoIP. We’ll see cell phones continue to evolve into smart devices. These smart devices will begin to associate us with things like our blogs, MySpace profiles, social bookmark lists, etc. I’ve already seen software targeted at coffee shops that allows local Internet users to see the profiles of the other people in the cafe. Using Bonjour, everyone in my local network shows up on my IM buddy list.

I’m excited to see all of the new developments that are coming from the Rich Web. I think the Rich Web is the ultimate destiny of the Internet. I think it’s the beginning of the fusion of T.V., radio, telephones, and mail into one network. Don’t get me wrong, the Internet won’t fully supplant T.V. until it can deliver HD video and surround sound. I don’t think that time is far off. And, I think T.V. has already felt a deep cut in their viewership from people spending more and more time online, which I think is attributable in part to the proliferation of rich content. As the Rich Web grows, so will participation.

Gaps And Spaces Around Images Of Web Design

The other day I was having trouble eliminating gaps between an image and the top of an unordered list. I was trying to make a box with rounded corners to look like a giftcard. No matter what I tried, there was a 2 pixel space between the top and bottom graphics and the list.

The client wanted the images to print, so I couldn’t use them as background images, which I typically use for non-content images. (Does anyone know if you can override a browser’s default settings to make a background image print?)

At first I tried placing my images and the unordered list into a div. I thought if I set the list’s margins to zero and made the div the same width as the images, then the images should sit on top and bottom of the list. The code looked like this:

<style type=”text/css”>
div {width: 280px;}
ul {margin: 0; padding: 0; border-left: 1px solid #000; border-right: 1px solid #000;}
li {margin: 0; padding: 10px; list-style: none;}
<img src=”top.jpg” alt=”” />
<img src=”bottom.jpg” alt=”” />

I tried deleting the line returns between my code to see if they were causing spaces, but that didn’t help. I tried setting the margins of the image to be 0. I thought maybe my images were inheriting some margins from somewhere else in the stylesheet, so I tried using just the HTML and CSS for my giftcard on their own document, but that didn’t help either. I tried putting the images in the unordered list itself, but that didn’t help. I tried setting the height of the <li> for the top and bottom image to be the same height as the image itself, which worked for the top image, but not the bottom one. I even resorted to tables placing the graphics in their own cells with their height set at the same as the images’, which I was quite surprised didn’t work. I triple checked my images in Photoshop to see if I had cropped the image properly, and it was. Finally, my coworker suggested making the div’s position relative and then position the images absolutely, and holy sweet relief that worked!

I still don’t know why the spaces were in there in the first place and it was happening consistently across browsers and platforms. If anyone has any answers, I would love to know them. But in the mean time, if you are frustrated with gaps above and below your images, positioning worked for me.