Tuesday, January 28, 2014

20 Facebook Tips And Tricks You Should Know – Part II

This year Facebook would have been in the social network scene for a decade. It has expanded to be the mainstream social network everyone is on, offering a wide range of options like Facebook fan pages, hashtags, and products like Facebook Page Insights, Facebook Home, a Camera app for iOS, Facebook covers (which some brands use to the fullest extend for branding), Facebook search and more.


(Image Source: hdwallpaper2013)

If you have read our first batch of Facebook tips and tricks you should know, you’d probably love this follow up of another 20 tips to help you get the best from Facebook. Know of more interesting tips to share? Let us know in the comments.

1. Connect To Multiple Facebook Accounts

You probably noticed that you can’t login to more than one account on Facebook. However, if you use Chrome, there is a built-in profile feature that allows you to create a new user profile on your browser.

  1. Click on the Navicon on the top right of your Chrome browser. Go to Settings.
  2. Go to Users, and click on Add new user.
  3. Choose your Profile Picture and give a name for that user.
  4. Click on Create and a new Window will be opened.
  5. You can now login to your Facebook account as per user profile and easily switch between users at the top right corner (see below).

This is available on Firefox as well.

Connect To Multiple Facebook Account

2. Sync Facebook Calendar With Google Calendar

If you use both Facebook Calendar and Google Calendar to manage your everyday activities, you will need some time to manage both. Why not have your Facebook Events including birthday to sync with Google Calendar so that you don’t have to do it manually? Here’s how you can.

  1. Login to Facebook and click on Events.
  2. Go to the Calendar tab and click the Settings button on the top right then choose Export.
  3. You will see "export your friends birthdays" and "upcoming events" in a hyperlink; choose either one and copy the link address. Let’s say you pick birthdays first.
  4. Now, go to your Google Calendar page, look for Other Calendars on the left side of the page and click on the down arrow button then choose Add by URL.
  5. Paste the link you just copied in the URL box and click on Add Calendar.

Repeat step 3 onwards with the events link to completely transfer all your events from the Facebook calendar to your Google calendar.

Sync Facebook Calendar With Google Calendar

3. Accept All Friend Requests At Once

If you have a lot of pending friend requests list, you might find its tiring to accept all the requests one at a time. Apparently there is a way to accept all at once using a JavaScript code.

  1. At your friend requests page, make sure to have all the requests loaded by scrolling down the page until the end.
  2. Next, copy this JavaScript code:
    javascript:for( i = 1;i<document.getElementsByName("actions[accept]").length;i++){document.getElementsByName("actions[accept]")[i].click();}void(0); and paste it in the address bar of your friend requests page.
  3. Make sure to manually add javascript: at the front of the code once you have pasted it in the address bar because some browsers will automatically remove that line.
  4. Press Enter and watch the magic happens.

Accept All Friend Requests At Once

4. Create Special "Via" Status (With Logo)

Normally when we update our Facebook status with our smartphone, the status will also include via "your device name" at the bottom of the status update. Instead of this being just for devices, you can change it to anything you can think of.

Just follow the instructions here to customize the "via" status of your Facebook post. this.

Create Your Own Post 'Via' status With Logo

5. Stop Facebook From Tracking You

Yes, Facebook tracks whatever you do on the main site or on sites that use Facebook Connect. That is why you are being served ads that are relevant to information you have recently searched for. Creepy, isn’t it?

There is a way to regain some form of privacy for yourself, with a Chrome plugin called Facebook Disconnect. Facebook Disconnect uses JavaScript to disable Facebook component link traffic from being accessed by third-party sites. Once installed, this plugin works without further tinkering.

Stop Facebook From Tracking You

6. Photo Zoom For Facebook

With Photo Zoom you can view any photo updates on Facebook in a larger size on your timeline simply by hovering your mouse over it. Get the Chrome extension here.

Photo Zoom for Facebook

7. Hide Last Name On Facebook

Facebook needs you to declare your first and last name, that’s two names, but if you want to have your account bear only one name (or just your first name), you can. Indonesians can register an account with only one name since many of them actually go with just one name. So for you to have a single name like Neo here, check out the instructions below.

  1. Login to your Facebook account.
  2. Grab any Indonesian proxy from this list here then change your proxy on your browser.
  3. On Chrome for PC head to Settings > Show advanced settings > under Network, click on Change proxy settings > click on Lan Settings and tick "Use Proxy Server for your LAN".
  4. Fill in the address box with the proxy, and the port box accordingly. For example, if your proxy is 180.250.160.58:8080, "180.250.160.58" goes into the address box and "8080" is the port.
  5. Tick on Bypass Proxy Server For Local Addresses. Press OK.
  6. Now, go to your Facebook Account settings page, change the language to "Bahasa Indonesia" and save changes.
  7. Remove your Facebook last name and save changes again.
  8. Once you have complete everything, revert to your original language.

Hide Last Name on Facebook

8. Create Fake Facebook Status Conversation

Have you ever read about how World War II transpired on Facebook and the drama Avengers wreaked on Facebook? Well, those conversations are made possible with The Wall Machine. It’s a tool that allows you to forge status updates, comments, likes, recent activity, relationship update, and event attendance, with fake accounts and profile pictures as well.

Create Fake Facebook Conversation

9. Turn Off Facebook Notification Sounds

So you congratulated a friend on a wedding or new baby, or sent a get well soon note to a sickly friend, and now the Facebook notifications won’t stop coming. You have forgotten that Facebook notifications come with sounds and wish you could turn it off. Here’s how to stop it from making noise.

  1. Head over to Facebook Account Settings > go to Notifications tab
  2. At the top, untick "Play a sound when each new notification is received" and Save Changes.

Turn Off Facebook Notification Sounds

10. Joint Facebook Profile and Cover Image

Want to have your own creative Facebook covers? How about one of those where the profile picture is part of the cover photo? Use Tricked Out Timeline website to create your very own joined Facebook profile and cover image. There are 4 effects that you can choose starting from Merge Profile & Cover photo, Missing Jigsaw Piece, Tear Off The Bottom Edge, and Profile Picture Zoom.

Joint Facebook Profile and Cover Image

11. Download Facebook History

Do you know that you can download your entire Facebook history and have it all compiled in a zip file? Go to the Facebook Account Settings page, under the General tab, near the bottom is a link to "Download a copy of your Facebook data". The archive includes almost everything from photos to your chat history but if you want a detailed breakdown read here.

Download Facebook History

12. Use Profile Picture As Emoticons

Did you know that you can turn your friend’s profile pictures into emoticons and use them in a Facebook chat? Here’s how to set it up.

  1. First, visit the page of your friend you want to tag as an emoticon.
  2. Then look for their Facebook username or their Profile ID from the address bar link. For example you want to get hongkiatcom from "https://www.facebook.com/hongkiatcom".
  3. In any Facebook chat, when you type [[hongkiatcom]], brackets included, the profile picture will show during the chat.
  4. You can do this more than once in the same chat, and your friend(s) will not be notified when you use their profile picture as an emoticon in your chats.

Use Profile Picture As Emoticons

13. Invite All Friends To A Facebook Event

Instead of inviting your friends one by one to your Event or Facebook page, why not have them invited all at once? It is as easy as copy pasting a JavaScript code.

  1. Go to your Event Facebook page and click on Invite friends.
  2. Scroll down your friend list until the end to ensure you have loaded all the friends you want to invite.
  3. On Chrome, press CTRL + SHIFT + J (Windows) or CMD + Opt + J (Mac).
  4. Copy and paste this javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms[i].type="checkbox" )elms[i].click()} followed by an Enter in the console space. You will then see all your friends name automatically ticked.

invite All Friends to a Facebook Event

14. Download Facebook Videos

Unlike Google+, Facebook does not include a feature to download the videos you see on the social network. Well, there is a really easy way to download your own copy. Simply go to this page, and paste that specific Facebook video URL to download the video.

Download Facebook Videos

15. Enhance Your Facebook Experience With Social Fixer

Want to customize Facebook to look exactly the way you want? Get rid of ads, change it to a previous layout, hide already read posts, force news feeds to "recent stories first" and a whole lot more with Social Fixer plugin.

Enhance Your Facebook Experience With Social Fixer

16. Display Animated Gifs On Status Update With A Play Button

Why aren’t animated gifs on Facebook yet? With giphy gifs it already is. Just find a gif that you want from giphy.com then share the link at your Facebook page.

Display Animated Gifs On Status Update With A Play Button

17. Login To Facebook With Your Username or Phone Numbers

You know you need your email address to login to your Facebook but did you know you can also gain access with your username or phone number as well? If you don’t have a username yet, visit this link to create one.

Login Facebook With Your Username or Phone Numbers

18. Share Facebook Statuses With Profile Pictures and Names Blurred out

Want to share a Facebook status but want to blur out profile pictures and sensitive names? Use Status Snapper for the job since it will automatically blur out the user name and profile image. The image wil also be automatically uploaded to imgur.

Share Facebook Statuses With Profile Picture and Name Blur out

19. removing Bitstrips From Your News Feed

A viral app that you probably have seen at least once in your Facebook News feed is Bitstrips. Through Bitstrips you can create your own comics starring you or any of your friends. Its a fun idea, but to some Facebook user, Bitstrips is probably taking way to much space on their feeds. If you want to eradicate Bitstrips from your feed, we got your back.

What is Bitstrips & How to remove them From Your News Feed

20. Facebook Keyboard Shortcuts

So there are keyboard shortcuts on Google+, and also on YouTube, it’s no surprise that Facebook has their own set of keyboard shortcuts as well. Here are some Facebook keyboard shortcuts that you can use while browsing Facebook on Chrome for Mac.

Shortcuts Descriptions
Ctrl + Opt + 0 Help
Ctrl + Opt + 1 Home
Ctrl + Opt + 2 Timeline
Ctrl + Opt + 3 Friends
Ctrl + Opt + 4 Inbox
Ctrl + Opt + 5 Notifications
Ctrl + Opt + 6 Account Settings
Ctrl + Opt + 7 Privacy
Ctrl + Opt + 8 About
Ctrl + Opt + 9 Terms
Ctrl + Opt + m New Message
c Comment on a story in News Feed
j and k Scroll between News Feed stories
i Like or unlike a selected story
q Search for a friend to chat with
p Focus on the text box when making a post
/ Search
Ctrl + g Search conversations
Ctrl + q Show/hide keyboard shortcuts
Ctrl + Delete Archive/unarchive conversations
Ctrl + c Mark as spam
Ctrl + c Start a new message
Ctrl + i Go to inbox
Ctrl + u Go to other

Check out all our other posts related to Facebook here.

Monday, January 27, 2014

Google Webmaster SEO Guidelines For Beginners

After launching a new site online it can be a hassle dealing with marketing efforts and the typical SEO practices but just creating a Sitemap is not always going to be enough to see quick results. If you want Google to crawl through your website there are a number of ideas you should understand. Many of the ideas may seem like common sense but keep each of these steps in mind after launching a new project online.

Google logo in NYC CtrlAltDelete event sign photograph

Many of these ideas I have put together by going through various Google support articles. These SEO techniques are handed down from the pioneers of search engine technology. Many of these tasks can be completed within a day and it’ll get your website off on the right foot.

I would advise webmasters to at least research some of these ideas if you are unfamiliar with the topic. Google has a lot of powerful methods for organizing content, along with Google Webmaster Tools which can dramatically increase the traffic flow onto your website.

Starting with Semantics

Although this advice won’t help much if you have already coded a theme, your website semantics play a sizable role when marking up your content. Headers, unordered lists, and other typical HTML elements are used to define the type of content on the page. Be sure you are always writing code with semantic HTML tags and similar attributes.

Google will reward your page content and help to determine important keywords throughout the body text. This can be used as a Description when displaying in search results if you do not have a meta tag in your document head area.

In the past I have written about HTML5/CSS3 coding and most of the syntax is easy to memorize. It is just worth pointing out that Google really does consider HTML semantics important to your ranking â€" so pay careful attention when building your website from the ground-up!

Purposeful Meta Tags

Obviously webmasters should be familiar with the use of meta tags. The most important tags focus on your page description and keywords list, but there are some other settings you might find important. This Google support article on meta tags outlines some of the more basic ideas. You place these tags in your document head so the information can be parsed quickly.

facebook documentation open graph connect developers

There is also a new method of organizing data called the Open Graph protocol. This allows webmasters to specify more detailed information about each page on the website. The property names will start using the suffix og: like og:image, og:url, og:description, among many other variations. The og:image tag is really interesting because the value can be scraped by thumbnail generators on sites like Facebook and Reddit.

These extra meta tags allow blogs to publish a specific featured image which may then be “pushed” onto other similar services. Another one of the alternative tags you could also use is <link rel="image_src" href=""> which may be added together with the Open Graph image meta tag.

This is just one example of a very handy piece of source code for your pages. But I would advise all webmasters to brush up on some of the latest metadata tags and find out if any of them could be purposeful to your website project(s).

Content Indexing

After launching your website online, the next big step is to build content. This is the reason people are visiting your site, because of videos, blog posts, images, or other interesting tidbits that you are publishing. The fastest way for Internet users to find this content is by interacting directly with a search engine like Google.

And this brings me to a key point of building content which is the ability to be easily indexable. Obviously semantic HTML is crucial and you can only benefit by including other SEO practices like alt/title tags for images. But there are some other resources you should be aware of to further aid search engines with the task of crawling over your webpages.

What is Robots.txt?

The best way to dive into Robots.txt is by reading through this Google support article. The topic is not confusing but it is important when it comes to indexing pages on your site. The txt file uses a standard naming convention setup to help bots figure out which pages are okay to index, and which pages should be ignored. Let me use an example from the support article to help explain this concept:

User-agent: *
  Disallow: /folder1/
  
  User-Agent: Googlebot
  Disallow: /folder2/
  

These two blocks are both separate entries in a single Robots.txt file. The User-agent specifies which indexing bot the rule applies to, and the Disallow value is the file/folder which should not be indexed. Other common User Agents include bingbot for Bing and slurp for Yahoo!. I would also recommend skimming this blog post for a more complete list of user agents.

This file only requires customization when you are blocking certain pages or folders. Otherwise it is fine to just leave all pages indexable by default. This is the most basic Robots.txt file you should create and the codes would look like this:

User-Agent: *
  Allow: /
  

Why Build a Sitemap?

One other very important step for indexing requires a sitemap. This is typically an XML document named sitemap.xml located in your website’s root directory. However there are no absolute rule from Google and they will crawl through any Sitemap regardless of the filename. This will list all of your website’s pages, sub-pages, blog posts, categories, tags, and other pieces of content. This file could be generated manually or you could use an online XML Sitemap Generator instead.

Typically this process can be a pain because free webapps will limit the number of pages to be included within the sitemap but the best alternative is to run your website on a CMS like WordPress, then use an automated Sitemap plugin.

This can be regenerated as frequently as you need to include the latest pages on your website. And it can help to rank your pages by order of importance relative to others (like the homepage). Using the right plugin will require less than a couple minutes to create your sitemap and it is an important benefit to Google’s indexing.

wordpress xml sitemaps plugin open source

Steps for Getting Recognized

Now that we have all these nice files and meta tags in a new website, how do we tell Google and Yahoo! and the others that we are online? Thankfully many of the sitemap plugins can automatically ping these search engines letting them know about the new content. However there are other methods for getting your content recognized by Google.

The first place you might try is Webmaster Tools URL Crawler where you can submit a brand new domain into their queue. It may take a bit longer because of the tremendous amount of submissions. But it will get through eventually and this is a sure-fire way to let Google know your website is live and online.

Google submit your content online webmasters business owners publishers

Check out the Google Webmaster’s page on submitting content which offers resources for various types of media. Google is the most-used search engine out of all the options and it is a smart move to build content around their guidelines.

More specifically, their article on webmaster guidelines focuses on the content design, content quality, and the frontend code. Ensure that you have each of these ideas covered and you will have nothing to worry about when Google comes around to crawl your website.

Structured Data Testing

There are some new ways of marking up HTML content which helps crawlers understand the various types of media in your page. The 2 most popular solutions are Schema and Microformats. Google has stated that they plan to support both formats and these are equally valid syntax within your webpages.

Schema is the newer kid on the block with a much more detailed library of documentation. I prefer Schema because it allows developers to specify unique blocks of data on each page. These could be images with thumbnails, author biographies, pieces of music, company information, really anything you can think about may be organized into Schema markup. Microformats are less specific but may still be used to organize the same content blocks.

I really want to emphasize that writing structured data into your HTML is optional and not a requirement. It is a brilliant idea because it helps machines understand the various forms of media so that they can be presented quickly in video/image searches. But also for pulling extra metadata when searching for information on a company, person, movie, etc.

google structured markup helper webapp tool schema

Google Webmasters actually has a markup helper tool that lets you import a webpage and start dynamically marking up content. It is an amazing webapp for beginners because it also generates perfect HTML syntax for embedding this content back into your website.

These rich data formats are confusing at first and many people do not like the idea of more bloated HTML content. But it really does make a difference with search rankings, along with Google’s credibility rank for your website. If you ever need to check a page on your website, use this structured data testing tool also managed by Google. It will scan any webpage and pull out the various Schema/Microformats so that you can review possible errors in the markup.

Using Google Webmaster Tools

The online service Google Webmaster Tools is a really popular web application. It helps Google to organize various statistics on your websites and also crawl through content for search indexing. As if that wasn’t enough, GWT can also provide health warnings and report missing/broken pages. And there are newer features being added frequently.

google webmasters tools homepage webapp layout

If you have never used Google Webmaster Tools or don’t know exactly how it works then I hope to bridge the knowledge gap with these GWT marketing tips.

Why Use GWT?

Realistically Google Webmaster Tools is the best collection of SEO/SEM analytics and testing webapps on the market. There are very few reasons to not use GWT, unless you just don’t have a Google account, which is still not a good reason to skip over some of the most powerful ranking tools for your website! I have noticed that just by validating a new website in GWT it can rank a lot higher for related search queries.

Google seems to hold a higher degree of merit for websites that have been verified in GWT. It takes less than 15 minutes and your website will forever be capturing very helpful statistics on search keywords, SERP rankings, dead URLs, and other handy bits of data.

I want to provide a quick walkthrough for webmasters who have never used the tools before. We can outline the process of getting started and follow with the more important resources that everybody should know how to use.

Verify your Website

Right after joining Google Webmaster Tools you need to submit and verify your first website. This process can be completed through a number of methods. This support article goes over the steps but the 2 easiest solutions are to include a custom meta tag in your document head, or to upload a custom HTML verification file to the server. Either method should take less than 5 minutes and the process is almost instantly recognized by Google.

Once you have the site verified, you’ll gain full access to the dashboard. There will not be any statistics yet and it will take a few days for Google to compile the initial results. But GWT is great at finding potential security problems in your website, along with other issues like duplicate page titles. But my extra favorite feature is allowance of more than one website owner. You can include other webmasters into a website from the Manage site menu on the GWT homepage.

Important Statistics

Before Google can gather statistics we need them to locate all the pages on our website and start analyzing traffic sources. To add a sitemap right into GWT go to the website dashboard and then click Optimization > Sitemaps. This page lets you submit a direct sitemap URL and will also provide stats on your total number of pages.

Underneath the Optimization menu there are a number of great analysis tools. Content Keywords will display the most repeated keywords and their significance on each page of your site. HTML Improvements will list potential warnings for duplicate or missing tags in your pages. Both of these pages are nice to check every so often but the information isn’t crucial to the health of your website.

search queries graphs using webmaster tools

Some other areas you may look into are Traffic > Search Queries and Traffic > Links to your Site. The search queries are almost similar to Google Analytics results except that you can see a total figure of the daily number for each query. This data can help you understand the market cap on some topics, or how you could edit meta title/description tags for capturing a higher percentage of search visitors.

The statistics found in “Links to your Site” are a bit more useful than internal links. The page will outline a table of URLs which point back to your homepage or other pages on the site. Obviously this means you can find a table of “most linked content” on your site and determine which pages are being naturally linked elsewhere. GWT will even provide the link text when available.

google webmaster tools indexed pages graph charts statistics

One other interesting data graph can be found in Health > Index Status. This will catalog the number of pages Google can index each day. When you notice this graph trending up and to the right, it means Google naturally finds new content on your site and is successfully building an index on your content.

Website Optimization

Now the other big area that GWT helps with is general health and potential warnings on your site. The Health > Malware page is not often used unless Google contacts you about a malware problem. This will actually cause a big warning page to appear on your site from Google search results, and it is best to fix any malware problems as they come up (hopefully not too frequently).

But more common bugs may be found in Crawl Stats & Crawl Errors. The errors page will notify about pages which send back a 404 error, among other problems with the DNS connectivity. On the Crawl Stats page you can find even more graphs discussing the average number of pages crawled in a day, along with the number of KB transferred and latency time during each request.

These numbers are important for managing your website’s health but there is only so much optimization you can do with page speed.

google webmaster tools crawl pages graphs charts

You can also determine these stats in real-time using Fetch as Google (Health > Fetch as Google). The tool does what you might expect: it shows you a webpage exactly how a Googlebot will see the page. There are only certain times you may find this useful but the results are incomparable with other webapps. And it is nice to know that Google offers webmasters so many unique tools for organizing, indexing, and verifying website content.

Another important part of optimization is re-evaluating title and description tags on each page. Sometimes when you are ranking for keywords the title tag may not capture people’s interest, and so you may notice a very small CTR percentage.

I recommend using this optimizer tool for previewing how your title tags will look in a Google search page. The purpose is to build content that is easy for people to understand at a glance. Write titles that you think will answer queries which Google users are searching for.

Other Helpful Articles

Final Thoughts

I hope this guide may be useful to webmasters and will remain relevant years into the future. These common SEO methodologies should work for any type of website whether it’s a business, blog, or ecommerce store.

And trends are always changing, but these indexing/optimization techniques should be around for many years within the Internet industry. Ideally this article will serve as a reference guide but I may have glossed over some other important features.

If you can think of other crucial tips for for new websites please share with us in the post discussion area below.