Categories
Web Development

How a bot sees your website?

This time, I’ll write about SEO, i.e. Search Engine Optimization.
First of all let’s agree on one point, we should build websites for people, not bots, but people find us through bots.
So keeping in mind to build “useful and good content“, let’s see how a bot sees your website?
First of all, for some people who are completely new to the topic, a bot is a kinda program (or software) used by search engines to browse the Internet and saves all the information it can read in the search engine’s index, and bots, basically are Text Browsers, and they read your website, they don’t see it the way humans do!
…So that way search engines know about everything!
Bots travel through websites by following links on one page and jumping back and forth through different pages and websites.  You may ask why you should care about a bot (or sometimes called a spider) and the way it sees your website?
The answer is that you should be aware that bots build a search engine’s index and they introduce your website to the index. So your website will appear on the search results of a search engine the way you shown it to the specific bot!
To make your website search engine friendly, you should know few tips.
1- Build websites for people, not for bots.
2- Put the most important content on the top, in the code (html, xhtml, php, asp, etc.).
3- Make a navigation menu and a navigable one!
4- Use formatting styles as headings and bold or italic text where appropriate.
5- Optimize images and use “alt” text for ALL images.
6- Use CSS positionning techniques to place your content on your page.
7- Browse your website with different browsers and on different platforms.
8- Bots are basically TEXT BROWSERS! use a text browser to see how your website look in it. Use Lynx!

You can find Lynx for Windows on my downloads page.

Lynx is easy to use, and there’s a good documentation already built in. But to get you started, once installed, start Lynx, and at the prompt, enter “g”  (without the quotation marks) and it will ask you for the URL you want to go to… and you’re good to go!

9- Create strong and complete header meta descriptions and keywords.
10- Choose your page titles carefully and responsibly.
11- Introduce your website to different listing directories.
By providing good and useful information to a bot when it comes to your visit, you will help the search engines to bring you the right visitors and the most important thing is that a visitor will come to you, because he wants to, and not by chance or mistake.
Worst thing which can happen to a visitor is to click on a search result, start to read a site’s text and advertisements all around and at the end say “This is the wrong place! I lost my time!”
Build great content and present it right!

Categories
Mobile Money Talks Web Development Wordpress

Make money online with your mobile website

I wish you a happy new year 2009!
This year’s first post is about the mobile version of your website/blog. As some of you might know already, Gibni.com has a mobile version which shows up when you access the site (https://www.gibni.com) from a mobile device like your phone.
Gibni detects and recognizes automatically the device you’re using, and serves appropiate content for your screen and device or browser capabilities.
Gibni currently runs on WordPress 2.7, and the mobile version of the site is provided by Mobile Press.
Thanks to this wonderful plugin, Gibni is running very well on mobile devices, and from an admin point of view, there’s no conflict with caching plugins.Gibni Mobile Screenshot
Previously I used to have other plugins on Gibni to provide mobile versions of the pages but there were always issues with caching capabilities.
I never thought that Gibni would get mobile visitors, but I was really impressed when I saw the analytics reports for Decembre 2008! The mobile version got around 2500 visitors! And that made me think of developing more features in the mobile sections, and post more articles on mobile subjects and subjects that will be useful to mobile users.
And thankfully, this year starts very well, in just 7 days, the mobile version of Gibni recieved around 600 happy visitors, and growing.
The advantage of  Mobile Press, is that you can easily edit the template files and create your own theme or modify the beautiful existing themes. By editing a theme, I added advertisements to the mobile version of Gibni, and let me tell you, it makes a lot more than what I expected it to do!!
I currently run two advertisements on top of the page, one from Google Adsense (adsense for mobile content) and the other one is from Admob.
Google Mobile Adsense is making a lot more money than Admob, and get also a high CTR.
I recommend you start a mobile version of your website or blog (if you haven’t already) and optimize it to rank well by providing unique and useful content and then monetize your mobile pages, you WILL MAKE MONEY!
Other good new is that Gibni continues to grow and makes more and more money online each month. Google Adsense is a good start up program!

Categories
Web Development Wordpress

MyBlogLog Widget is SLOW!

I’ve been using MyBlogLog widget from Yahoo, from the beginning, and I was really happy with it at first. I used to find out who visited my site and if they’ve had a blog or website, it helped me to find and visit it easily.
Now that Gibni is expanding and I get more and more visitors per day, I am worried about the speed and loading times, so I am trying to make pages load faster and faster.
I’ve been using caching techniques, CSS sprites and other optimization techniques some developed by myself and some mostly inspired from AskApache ; and managed to get the best possible loading speed.
Today, I feel it’s going to be the last day for MyBlogLog widget on Gibni. And within the next 12 hours, it will be removed. The main issue with this widget is that it makes many requests to Yahoo servers and this keeps client’s browser connections busy, so it slows the page and the user has to wait for this widget to be ready to have all the site’s functionalities.
If you are using this widget on your site, it might be slowing it down too. Visitors usually don’t like to wait more than few seconds for a website to appear and be fully functional. This will affect your site’s impressions.
This widget has a quite heavy javascript file, and uses a lot of separate image files.
On the other hand , it”s a good tool to build a “website/blog community”. At last, all depends on what matters the most to you?

Categories
Technology Web Development Wordpress

Global Translator 1.0.9.1, Optimized Version 0.2.2 released! (Updated)

UPDATE: Translation bar not appearing in pages or sub directories; FIXED.

One of my goals is to attain maximum speed and shorter loading times.
So of you might already be familiar to my Optimized version of Global Translator which is initially made by www.Nothing2Hide.net, which provides translated version of your blog to visitors. Latest version till now is 1.0.9.1, which is a stable and improved version.

As I said it in my previous post on this topic, this plugin basically consumes a of bandwidth and keeps pages in a loading state for a long period of time, as it keeps many connections busy between the client and the server to download all independent flag pictures to the client’s computer. This slows down the website as there’s a limited number of simultaneous connections allowed between the client and the server and on the other side, this increases the ‘account hits’ on shared hosting plans.

For more and detailed information on what I thought of and did to optimize this plugin, please refer to my previous post about this topic: https://www.gibni.com/global-translator-plugin-for-wordpress-optimized

After the 1.0.9.1 update, I’ve created a new version of my optimized Global Translator version. This includes the latest Global Translator core (1.0.9.1) and my optimized code version (0.2.2).

My plugin saved a lot of time for a lot of people! and it improved my websites appearance and performance.

You can download it from the Downloads Page.

Installation: Upload the plugin directory to your wordpress installation’s plugins directory.

Activate the plugin and USE DIVs for creating the translation bar in the OPTIONS page of the Plugin!!

Categories
Blogging Technology Web Development

Google Pagerank Dropped! How to solve the issue?

Gibni PagerankBack in mid-October 2008, Gibni’s page rank dropped suddenly from 2 to 0!  I was little bit confused about how this happened! Anyway, as a new web developer, I had a lot to learn still! I did a lot of research on the topic, and found out that the main problem are the ‘outgoing links’ on my pages! Even if these links were to websites I knew most of them, Google did not appreciate all of them. At start, I decided to forget about the PageRank stuff and keep working on my site. My Alexa ranking was continuously improving and I could sell ads as well as before. So there was no need to worry! Even my pageviews doubled after a while!
I was in the process of optimizing my site that this pagerank drop happened. Once I finished my work, I went on checking all those links and decided to put a NOFOLLOW rel tag to almost all outgoing links on my site. Some of you may not approve this, but I believe that NoFollow is a good thing when it comes to improving the Internet content quality, mostly from search engines point of view.
Once I solved the rel tag issue for my links, I asked Google for ‘reconsideration’, explaining them that I was still learning and now I am aware of their quality guidelines, and I fixed the issues on my site. This was one month after the PageRank Drop!
Two or three days later, my PageRank went back to 2 again! I was surprised that this happened so fast!
Anyway, if you experience a PageRank drop, fix issues that might be in your pages by following Google’s Quality Guidelines from the “Webmaster Tools” service in Google, and then, submit your website for reconsidertion.

Categories
Education Technology Web Development

Lutte contre la discrimination, l'Internet pour TOUT le monde!

Mettons-nous à l’essentiel! Les personnes handicapées devraient avoir les mêmes droits que tout le monde. Et devraient être en mesure d’accéder à l’information disponible sur l’Internet facilement.
Donc nous, en tant que bloggers, les concepteurs de sites Web, les programmeurs Web, ne devrait pas discriminer les personnes handicapées. Et pour cela, nous devons créer des sites web accessibles et des pages Web accessibles. Il existe des normes qui ont été inventé et mis en œuvre, ainsi que des navigateurs Internet ont été créés pour que les personnes handicapées surfe sur Internet comme les autres. Mise en œuvre de ces normes dans vos objectifs de conception, permettra à votre site (ou blog) l’accessibilité.
La Disability Discrimination Act (DDA) vise à mettre fin à la discrimination que de nombreuses personnes handicapées font face.
Actuellement, Gibni.com est un site qui répond à presque toutes les normes d’accessibilité. Cela signifie que, les personnes handicapées peuvent également surfer Gibni.com facilement et de profiter de ces articles, des discussions, des fonctionalitées, et des outils.
Chaque fois que je commence à concevoir un site Web ou blog modèle (Blog Template), je pense à ces normes et je fais de mon mieux pour leur mise en œuvre dans mon projet.
Pour faire d’Internet un endroit meilleur, je vous suggère de commencer à mettre en œuvre ces normes dans vos dessins et modèles de codes afin de faire votre information accessible à tous!
Ce sont des premières choses à faire:
1 – Vérifier les images pour un texte de substitution (alt = “” attribut de la balise img!)
2 – Vérifier les images de décoration pour un texte de substitution, comme les frontières, les coins, d’origines …
3 – Vos formulaires doivent être accessibles. (Fournir alt = “” pour les input, l’étiquette de votre formulaire, celui de ces éléments …)
4 – Votre texte doit être redimensionnable. Cela signifie que l’utilisateur devrait être en mesure de rendre votre texte plus grand ou plus petit dans son navigateur.
5 – Définir l’attribut “TabIndex” pour les contenues cliquables ou sélectionnables important et les éléments de la page, afin que les utilisateurs puissent naviguer dans votre site sans souris.
6 – Utiliser des raccourcis clavier pour les principales fonctionnalités de votre site.
7 – Utilisez un plan du site. Les utilisateurs ne devraient pas se perdre dans votre site!
8 – Faites vos liens comprehensible par l’homme.Ils doivent avoire de sens.
9 – Si vous avez du contenue son ou du vidéo, fournissez des sous-titres ou des transcriptions du son.
Il ya beaucoup d’articles écrits sur le sujet, vous pouvez donc apprendre rapidement et facilement comment le faire juste. Il suffit de rechercher en utilisant votre moteur de recherche préféré.
Pour vérifier l’accessibilité de votre site, utilisez cet outil: WAVE

Resources:
1- https://www.webcredible.co.uk/user-friendly-resources/web-accessibility/testing-web-accessibility.shtml
2- https://www.designedforall.com/accessibilityservices/whyaccessibility/
3- https://www.direct.gov.uk/en/DisabledPeople/RightsAndObligations/DisabilityRights/DG_4001068
4- https://wave.webaim.org/
5- https://www.webnauts.net/check.html
6- https://www.gibni.com/fight-against-discrimination-internet-for-every-one

Categories
Education Technology Web Development

Fight Against Discrimination, Make the internet for EVERY ONE!

Let’s get straight to the point! Disabled people should have the same rights as everyone else. And should be able to access the information available on the internet easily.
So we as bloggers, web designers, web programmers, should not discriminate disabled people. And for this, we should create Accessible websites and webpages. There are standards which have been invented and implemented, as well as special internet browsers were created to let disabled people surf the internet as others do. Implementing these standards in your design objectives, will ensure your website’s (or blog) accessibility.
Accessibility Icon
The Disability Discrimination Act (DDA) aims to end the discrimination that many disabled people face.
Currently, Gibni.com is a standard website which complies to almost all accessibility standards. That means, disabled people can also surf Gibni.com easily and benefit from it’s articles, discussions, features, and tools.
Every time I start a website design or weblog template design, I think about these standards and I do my best in implementing them into my project.
To make the internet a better place, I suggest that you start implementing these standards in your designs and codes so you make your information available to EVERY ONE!
These are first things to do:
1- Check images for alternative text (the alt=”” attribute of the img tag!)
2- Check decorative images for alternative text, like borders, corners, backgrounds…
3- Your forms should be accessible. (Provide alt=”” for inputs, label your form elements…)
4- Your text should be resizable. Means that the user should be able to make your text bigger or smaller in his/her browser.
5- Define tabindex attribute for clickable or selectable important content and page elements, so that users can navigate your site without a mouse.
6- Use keyboard shortcuts for main functionalities of your site.
7- Use a sitemap. Users should not get lost in your site!
8- Make your links human-understanable so they make sense.
9- If you have Audio or Video content, provide subtitles or transcripts of the audio.
There are a lot of articles written on this subject, so you can learn fast and easy how to do it right. Just search using your favorite search engine.
To check the accessibility of your site, use this tool: WAVE

Resources:
1- https://www.webcredible.co.uk/user-friendly-resources/web-accessibility/testing-web-accessibility.shtml
2- https://www.designedforall.com/accessibilityservices/whyaccessibility/
3- https://www.direct.gov.uk/en/DisabledPeople/RightsAndObligations/DisabilityRights/DG_4001068
4- https://wave.webaim.org/
5- https://www.webnauts.net/check.html

Categories
Ramblings

Optimizing Global Translator Plugin for WordPress

UPDATE: Version 0.2 released
In the new theme designed for Gibni.com, one of the main goals is to attain maximum speed and shorter page loading times. This post is for people who have the basics of website optimizations. In this post, I’ll discuss a very popular WordPress Plugin, Global Translator, made by www.Nothing2Hide.net, which is used to provide translated version of your blog to visitors. This plugin improved a lot over time, and it gives better and better results after each upgrade. Latest version till date is 1.0.7.1, which is a stable version.
In the process of optimizing my website, I found out that this plugin consumes a large amount of loading time and keeps pages in a loading state for a long period of time, and it makes many connections busy between the client and the server to download all the flag pictures to the client’s computer. This slows down the page as there’s a limited number of simultaneous connections allowed between the client and the server. On the other side, this increases the ‘account hits’ on shared hosting plans.
To make the plugin and the page load and respond faster, I’ve thought of a solution, which is: instead of the plugin sending multiple small image files, it should send a merged image file containing all the required flag images and generate an image map to build the links.
First of all, I’ll stick to a specific model, which is a single line bar. The functions are easy to understand an you can build any shape you want.
Now I’ve to edit Global Translator’s core to give flag images to the merging script. and then create an image map for the translator bar.
After a lot of tests, I finally figured it out! You can find the code for ‘translator.php’ in the Page.
My modified PHP, will generate a fresh PNG file upon user request and store it in the root directory and then creates an image map to create the links for the translator. The good news is everything remains dynamic and if you change the combination of translations available, the PNG and Image Map will change automatically too!
There are still improvements to be done, for example, forcing the code to create the PNG file in the plugins directory and not the site root! So, if you have any ideas, just let me know!

Categories
Blogging Reviews Web Development Wordpress

3D Tag Cloud For WordPress

I’ve recently installed a new Tag Cloud on Gibni.com, If you look well, you should already have noticed it.
It’s a 3D Sphere tag cloud! it’s based on a flash file but the real knowledge behind makes it completely search engine friendly.  This is basically a plugin called WP-CUMULUS made by Roy Tanck. The Plugin is hosted now on WordPress.org -> Plugin’s page.
I found this very exciting and as it does not interfere with search engine friendliness factors, I decided to add it to my new theme. I would recommend it as a good plugin as you can really customize it.
The theme that Roy has got on his blog is really well designed and is easy to navigate too! Good job Roy, Keep up the good work!

[WP-CUMULUS]

It’s good to know that CUMULUS is being ported to Typepad and Blogger too! So it’s good news for everyone!

Install this on your blog and to support the good work, spread the word!

Categories
Blogging Money Talks Technology Web Development

Recieving My First Google Adsense Payout!


I finally recieved my first Google Adsense Payout! It’s my first payout on the internet! This encouages me to do better and try to write more useful articles and build better websites and blogs.
Now I can confirm you that “IT WORKS”! This is to let all new bloggers and website owners know that THEY CAN MAKE MONEY ONLINE! You have just to build good content and monetize your pages to the best, and the most important is to be patient and try until you get to it!
It took me a long time to get the first payout because I am very busy with my studies at the university and I don’t get enough time to work on the internet, but now that my websites started to produce income, I know that the process will continue; this motivates me to pay more attention to this work.
Well, what I learn is that the best and the more