Thứ Ba, 21 tháng 5, 2013

J1.5:Understanding sections, categories and articles


Articles

Let's start with some definitions. In Joomla!, an Article is some written information that you want to display on your site. It normally contains some text and can contain pictures and other types of content. For many Joomla! sites, articles form the majority of the information presented in the website.
It is important to understand that, with Joomla!, the content of the site (for example, Articles) is totally separate from the formatting of the site -- the way it looks on the page. So it is best to think of articles as pure content, independent of the way it might be presented. For example, the same Article might be shown with different fonts, colors, headings, and background, and might be shown in different locations on the page.

Sections and Categories

Sections and categories in Joomla! provide an optional method for organizing your articles. Here's how it works. A Section contains one or more categories, and each Category can have articles assigned to it. One Article can only be in one Category and Section.
For example, you might have a Section called "Pets", and categories called "Dogs" and "Cats". Articles about dogs would be assigned to the "Dogs" Category, ones about cats to the "Cats" Category. So an Article about dogs would be in the "Pets" Section and the "Dogs" Category. You cannot have one Article that is in both the "Cats" and "Dogs" categories. To work around this, you could either (1) create a new Category called "Cats and Dogs" or (2) create a second Article to put in the second Category.

Why Use Sections and Categories?

There are two main reasons you might want to organize your Articles in sections and categories.

List and Blog Layouts

First, there are built-in Menu Item Types in Joomla! that take advantage of this organization. These are the Section Blog, Section List, Category Blog, and Category List. These Menu Item Types (also called "layouts") make it very easy to show articles that belong to sections or categories. As new articles are created and assigned to sections and categories, they will be automatically placed on these pages according to the parameters you set for each page.
For example, say you have a Section Blog layout for the "Pets" section, and say you have it set to order articles starting with the most recent one first. When you add a new Article to the "Pets" Section, it will automatically show on the "Pets" blog page as the first Article. You don't have to do anything other than add the Article and assign it to the "Pets" Section.

Organizing Articles in Article Manager

If you will have a large number of articles on your site, a second reason to use sections and categories is to simply group the articles so you can find them. For example, in the Article Manager, you can filter articles based on Section or Category. So if you have 200 articles in your site, you can find an Article more easily if you know its Section or Category.

Sections and Categories vs. Menu Organization

It is important to understand that, just because Joomla! uses a 3-tier organization level for articles (Section → Category → Article), this has nothing to do with the structure of the menus on your site. For example, your site could have one menu level or six menu levels.

Other Types of Categories

There is also a potential for confusion about categories. Sections are only used for articles. However, categories are also used for other components, including Banners, Contacts, News Feeds, and Weblinks. These categories are completely different from Article categories and are set up in different screens in the back end of Joomla!. So when you see something about categories, it might refer to Article categories or it might refer to categories for these other components.

Moving the site among directories/sub-directories


Many times you install Joomla in a sub-directory and then want to move it to a higher level directory, here's a short tutorial on how to do it.
Say you have installed Joomla in the following folder: public_html/tryjoomla. Now that you are satisfied with the site, you'll want to move to public_html.
1. Move all the files from the sub-directory (i.e., public_html/tryjoomla) to the upper level directory (i.e., public_html). You can use your favourite FTP client or the control panel that your hosting service provides.
2. Download and open the configuration.php file in a text editor.
3. Simply remove the tryjoomla folder name from the path. Look for the following lines
var $live_site = 'http://www.yoursite.com/tryjoomla';
var $log_path = '/home/username/public_html/tryjoomla/logs';
var $tmp_path = '/home/username/public_html/tryjoomla/tmp';
var $ftp_root = 'public_html/tryjoomla';
Change to:
var $live_site = 'http://www.yoursite.com';
var $log_path = '/home/username/public_html/logs';
var $tmp_path = '/home/username/public_html/tmp';
var $ftp_root = 'public_html';

4. Check your .htaccess. The subfolder should be removed there as well.
If you have cache enabled, login to the administrator backend (which will now be at http://www.zootemplate.com/administrator and not http://www.zootemplate.com/tryjoomla/administrator). Go to Tools -> Clean Cache and delete all cache files.

Entering search engine meta-data


Meta-data is information about the website in the header portion of the webpage. This information is used by search engines to determine the relevance of the give page to the search request it is processing at any given time. This data is constantly collected by various means by all search engines such as Google, Yahoo, Ask and others. The following list is a partial list of things to consider when building and publishing a web site.
GoDaddy hosting has a web site analysis tool to examine your site and report how each of these rules is violated. The report is shaky at best but it helps in identifying your website's weaknesses.

Title Tags

Well-constructed title tags contain the main keyword for the page, followed by a brief description of the page content. It will be less than 65 characters and avoid using stop words such as: a, if, the, then, and, an, to, etc. Your title tag should also be limited to the use of alphanumeric characters, hyphens, and commas.

Description Tags

Good description tags contain information about the page's content and persuade search engine users to visit your web site. They should be between 25 and 35 words in length.

Keywords Tags

Your keywords meta tag should contain between 5-10 keywords or keyword phrases that are also found in page content.

Heading Tags

Each page of your site should use at least the H1 heading tag for the search engines that examine it when crawling your site.

Page Content

Pages should have between 300 and 700 words of descriptive content that contains the keywords specified in the keywords meta tag for the page. A page's meta tag keywords should also be those that occur most frequently on the page.

Proper Navigation

Each page of your site should contain links to every other page so search engine spiders can find every page. This is a critical step for the proper indexing and page rank distribution of your site.

Proper Sitemap

It's important to use two site maps for your website--an XML version and a static version. The XML table protocol is explained in detail on http://www.sitemaps.org. The static version should sit on a static HTML page and contain links to every other page.

Controlled Crawling

It's important that search engine spiders find your Robots.txt file that guides spiders to pages and directories you want crawled and denies them entry to protected areas of your site.

Duplicate Content/Tags

Because search engines treat web sites as a grouping of pages and not a single entity, each page on your site should be unique so that the tags and content differ between each page. Doing so increases the number of pages that will rank.

Word Density

Pages should contain 300 to 700 words of unique and descriptive content.

J1.5:Getting Started with Templates


What is the purpose of a template?

A template controls the overall look and layout of a site. It provides the framework that brings together common elements, modules and components as well as providing the cascading style sheet for the site. Both the front-end and the back-end of the site have templates.
When Joomla! is first installed several templates are automatically included. You can find many more templates at other websites. Some are available without charge under various licenses, and some are for sale. In addition, there are many developers available who can make custom templates. You can also make your own template.
Templates are managed with the Template Manager, which is located on the Extensions menu in the back-end (administrator) area of your site.

Why does Joomla! use templates? [A real beginners guide!]

The way Joomla! is designed separates out the key tasks involved in producing a website for efficient maintenance of the software. One of these tasks is to create the aesthetic (the look, feel and layout) of the site. This includes making decisions such as which content elements (components, modules and plugins) you may want to place in any given page.
When producing a web page, the location of most elements will stay the same (menus, banner locations, sidebars etc.). Additionally, you will want to create the same look (fonts, header styles, colour scheme etc.) for every page. For some parts of the site you may want to alter the general feel to indicate a different purpose for those pages (such as a blog section). A little planning is required for this, but once you have settled on the overall layout for your site, you then have the task of producing each page of content.
And that’s where the template comes in. You can either write all the code for each page separately, or use a template for each major section of your site so that when you want to create a new page you simply “fill in the blanks”. Okay, perhaps it's not that simple, but this tutorial is designed to give you a step by step guide for effective template use, starting with how to use one and ending with how to create one for yourself.
  1. Use one of the templates supplied with Joomla!
  2. Download one of the many free offerings from the Internet.
  3. Pay for one to be modified or produced from scratch if your needs cannot be met any other way.
Summary – a template controls the look of your site and makes your life a great deal easier when creating new pages.
For further details on what you can achieve with templates go the next section, “What can you do with a template?”

What can you do with a template?

A template is used to manipulate the way content is delivered to a web browser or screen reader. Here are some ways you can employ this on your Joomla!-powered site.

Layout

The template is the place where the design of the main layout is set for your site. This includes where you place different elements (components, modules, and plugins), which are responsible for different types of content. For example: The various menus (you can chose from existing options and create your own) Advertising banners Polls The main body of the page (you can select from different styles such as typical blog layout, a news article, etc.)
If the template is designed to provide choices, you can also "dynamically" alter the content placement on your site, perhaps putting the main menu on the right or left side of the screen.

Color Scheme

Using CSS within the template design, you can change the colors of your backgrounds, text, links or just about anything that you could within your ordinary (X)HTML code.

Images and Effects

You can also control the way images are displayed on the page, and even create flash-like effects or include AJAX applications such as drop-down menus.

Fonts

The same applies to fonts. The designs for these are all set within the template's CSS file(s) to create a uniform look across your entire site, which makes it fantastically easy to change the whole look just by altering one or two files rather than every single page.

Browser Specific Solutions

A template can be designed to alter how it displays on different web browsers, allowing you to take full advantage of the latest developments without making your site inaccessible to those who are not able to run "up-to-the-minute" system upgrades (such as certain companies who limit what software their employees can use).

Templates supplied with Joomla!

The following templates are supplied with a default installation of Joomla! 1.5:

Switching templates

To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps:
  • Click on: Extensions -> Template Manager
Tpl tut switch template 1.png
You will now see the Template Manager screen.
Note: If you do not see Template Manager listed as an option on the Extensions menu, then it is most likely because you are not logged in as a Super Administrator. Only Super Administrators will see this menu item.

From here you manage your templates for Front-end and Back-end. The default view shows your installed Front-end templates. The default template for the Front-end is marked with a star; in the image below it is rhuk_milkyway.
To change the default template to beez:
  • click the radio button left from the template name to select it;
  • click "Default" on the toolbar;
the star changes from rhuk_milkyway to beez and you are done.
Tpl tut switch template 2.png

Assigning more than one template for the Front-end

Joomla! gives you the option of switching between two or more templates on the Front-end. This is done with "Menu Assignment", so you can set different templates for each menu or only a menu item.
Click on: Extensions -> Template Manager
You see your installed templates, now choose a template which is not set as your default one. Click on the template name or hit the radio button to the left of the template name, and click "Edit" on the toolbar. You now see the page "Template: [ Edit ]", click the radio button "Select from List" in the "Menu Assignment" block and choose the menu items on which the template will be shown. Click "Save" on the toolbar and you´re done.
Tpl tut switch template 3.png


Installing a template


Install via Admin Panel (packed template file)

Log into the back-end of your site (www.your-site.com/administrator/)
Click on: Extensions -> Install/Uninstall
Tpl tut install template 1.png
You see the page "Extension Manager"
From here you can install your Templates, Plugins, Modules, Components and Languages. You have three options:
  • Upload Package File - (select a package from your PC, upload and install it)
  • Install from Directory - (enter the path where the package is located on your server)
  • Install from URL - (enter the URL to the package)
Here, we choose the first method: Upload Package File
Select the package from your PC and click the button "Upload File & Install"
Tpl tut install template 2.png

If the package contains no errors you are done and get a success message like the one below.
Tpl tut install template 3.png

Install via FTP (unpacked template file)

Templates can also be installed via FTP without packaging them. Simply select the template folder on your PC and upload it to your server, using your favorite FTP software. Be sure you upload the template folder to the directory: /path_to_joomla/templates/ - where /path_to_joomla/ is the location of your Joomla! installation on the server. This method is mostly used when you have created a template yourself, and do not want to have to package it to install the template, or if you want to upload more than one template at once.
Note: Do not try to use FTP to install Components, Modules and Plugins if you are a beginner/novice. These items need database entries which have to be inserted manually if you bypass the package installer.

Install Content From A Template

Joomla Version 2.5 and above can import content along with templates. This is a means to develop content locally with programs like Artisteer so you can import your whole site in one go. To import your content; Install the template as above, then from the Template Manager: Styles page (Extension > Template Manager) Select your template name in the left hand column (with the heading style) and then import content from template.
Import content from template.png

Making your site Search Engine Friendly


Why Create a Search Engine Friendly Site?

In order to add your pages to its database, a search engine (such as Google) will send out so-called crawlers, spiders or bots to harvest the text on your site. These bots cannot harvest things that are created by Javascript, or 'see' images (though they do check alt tags) and the don't play well with Flash files if at all.
While all these things may make the site look better, they do little to nothing in terms of search engine optimisation (SEO).
It is important that your website can be found by people who are looking for its content, therefore you must serve content to search engine 'bots' in a way that they can interpret, analyse and identify how relevant it is to the search query.
For this to happen, you need to bring to the attention of the 'bots' important information about the page using various techniques detailed below - almost like a 'signpost' telling the 'bot' what the page contains. It will then compare what you tell it the page is about, with what it finds by itself, and run various algorithms to check if the page is in fact relevant. It also runs other checks to make sure that you are not trying to cheat the system using 'black hat' or 'grey hat' tactics to make your page rank higher.

Update Frequency


While you can manually specify in your Sitemap how frequently search engine spiders should visit your website, they have in-built systems which automatically adjust the frequency of return visits based on how often the page in question has changed.
So, for example, if you tell search engine bots to visit your page on a daily basis, but when it visits the page nothing has changed for a week, it may adjust the frequency of revisits accordingly and not return as often as you told it to. You can request, via the various webmasters portals, for the revisit rate to be amended if required.
This would suggest, therefore, that if you have regularly changing content, your website will be 'spidered' more frequently - leading to content being indexed quickly.

Title tag


The TITLE tag is found in the HEAD portion of your pages. This TITLE tag becomes the clickable title in search engine result pages (SERPs). A title should be under 70 characters in length. It should also include your keywords for the specific page, as close to the start of the TITLE tag as possible.
Google recommends that you create unique, descriptive page titles to describe to searchers what the page is about.
If a title page is not specified, or importantly if Google determines that the title is not appropriate for the content being returned for the search term, algorithms may be used to generate alternative titles which are more relevant.
Google recommends that you follow these key principles when creating a title:
  • Specify a title for every page
  • Make your title descriptive, and concise
  • Avoid keyword stuffing (repeatedly using similar words like "Foobar, foo bar, foobars, foo bars")
  • Avoid using generic titles - each page should have an unique title, ideally dynamically updated in relation to the content being displayed
  • Brand your titles, but do it concisely and in relation to the content being served
  • Use robots.txt carefully, don't disallow search engines from visiting your website
There are various webmaster tools which can be used to identify if there are problems with your listings in a particular search engine - it is always worth paying attention and correcting any problems.

Meta Description


The META DESCRIPTION tag keeps a summary of the content on the page. The tag is used by search engines to display a description of the page when displaying it in search engine result pages (SERPs). This, however, only applies if the word searched for is included in the description. Otherwise, the search engine might display another portion of the page, which includes the keyword. When writing META DESCRIPTION tags for your pages, keep them below 155 characters. Also make sure to include the most important keywords for the page in question. Consider the description to be your sales copy to get people to click the link. Thus, the description should be written for humans, not search engines.
Even though Joomla has a global field for Meta Description (Global Configuration > Site > Global Site Meta Description), you should in most cases leave this blank. Google (and possibly other search engines as well) does not like duplicate title or meta description tags. If you add something to the global field, it will be duplicated on all pages that do not have a specific meta description.
Google recommends the following to ensure that you gain the most from your search engine indexing:
  • Ensure every page has unique, relevant meta descriptions
  • Ensure you apply metadata for listing pages (e.g. blog & list layouts) in addition to individual articles - this is commonly overlooked on Joomla! websites
  • Include factual information if relevant (e.g. blog articles may include the author, products might include the price or manufacturer)
  • Consider using automatically generated metadata - but make sure it's relevant, readable and accurate
  • Make your descriptions descriptive!

Keywords


There are two major parts to understanding keywords: one is the meta tag and the other is density. If you are starting a brand new site you will need to do a little planning for both SEO and simple Joomla structure. Keywords are the focus of your content. You should come up with a list of no more than 25 keywords that describe your site's message. Once you have your list of keywords, keep them in focus as you write content and create Joomla sections, categories, and articles. Use these keywords through your site to improve SEO.
The meta keyword tag found in the head of most Web documents has little effect for Google, Bing and many of the other larger search engines. Yahoo still uses the meta tag as part of the algorithm, as well as some of the meta crawlers. Search engines all read the text in the tag; they just do not apply the information to their ranking algorithms. If your page has a keyword tag, you must make sure that word is on the same page in the content.
Density is the number of times a word is placed in the readable content of a page. If you have ten readable words and one word is a keyword the density of 10%. If you have 100 words and one of them is a keyword you now have a density of 1%. Keep your density between 3.5 and 7 percent. Look for an online density analyzer to get an estimated density of a keyword.
Make sure to use keywords in your titles or aliases, links, and content. DO NOT STUFF keywords. Content that does not make sense and is full of keywords for the sole purpose of raising the keyword density to a high level will cause your site to be penalized in the search engines. It is very difficult to write an article that someone will enjoy reading or find usable and increase the density over 7 percent.
This section has a keyword density on the term “keyword” of 1.79% and on the term “keywords” of 2.05%. The combined density is approximately 3.8%. You can see how deliberate you would have to be to stuff a site greater than 7%.
To Add Meta Keywords to Your Site:
  • Add the 25 keywords to your Global Configuration > Site > Global Site Meta Keywords.
  • Add specific meta keywords to articles using the metadata information. Make sure the keywords listed here are in the content of the article also.
  • Adding the data does not harm your rankings in search engines, and will help you in Yahoo, and meta crawlers. Never add more than 25 words in the meta data. Separate words and phrases with a comma. Do not repeat keywords.

Use Semantic HTML

What is Semantic HTML?
Semantic HTML is a way of using HTML coding to create or enhance the structure of a page. In other words, it's a way of using HTML - classes, divs, tags and so forth - to compliment the actual words or resources on a page. Again, this helps 'bots' to understand the importance, relevance, and links between the content on your page.
It's important, therefore, that you have an understanding of semantic HTML and how to use it. For example, we often see people using a H2 tag in the middle of content because it has the style that they want to use - but it's not actually a heading. How the content looks has nothing to do with the structure of the page - it's important to remember that the two are quite different.
For example, lets say we have an article:
<h1>Using headings</h1>
This is an article about the importance of headings
 
<h2>Why use headings?</h2>
It is important to use headings so that search engine bots can tell what is an <strong>important</strong> part of your article
 
<h3>Types of headings</h3>
You can use set types of headings, but they should be ordered, and structured, within your page. H1 should be your page title, with H2 being used for sub-headings of the page. Any headings within your sub-headings should cascade using H3, H4, and H5 as appropriate.
 
<h2>Is it hard to implement headings?</h2>
It is really easy to implement headings, you just use the appropriate HTML code
 
<h3>Using headings on dynamic pages</h3>
On dynamic pages, simply wrap your main heading within a H1 (for example, the title of a category listing page would be H1) then wrap all subsequent headings in H2.
Here, a search engine bot could clearly see the structure - h1, h2, h3 - but if we were to simply make these titles bold, underlined and larger font, it would be much more difficult to identify the structure. It is also possible to identify that the word 'important' is an emphasised word, something that is important within the page.
Semantic HTML is also
  • Easier to read (in the code)
  • Easier for accessibility purposes - screen readers function in a similar way to search engine bots to identify important headings
  • Potentially better for search engine optimisation

Use Links in Your Content


It is important that you ensure any links within your content inform the user what they are linking to, but without being 'spammy' - i.e. stuffed full of keywords.
Ideally you should include words which feature in the URL to which you are linking, and the hyperlinked text should be descriptive of the content you're about to view. An example where this is often done poorly on Joomla! websites is where 'Read more' links display Read More rather than the title of the article, in the hyperlinked text. Another common habit is for sites to only include a link on the word here.
This also gives the person visiting your site confidence in the link they are clicking - they know what to expect when visiting the link, so it may be more likely that they do so.
This is true for both internal links (if you're linking to another page or area on your website) and also on external links to other sites.
Be aware, however, that with recent updates to Google's algorithms (named Panda, and more recently Penguin), sites with unnatural linking profiles may be down-ranked in search engine positions. One of the main factors in the Penguin update targeted websites which had a large amount of its traffic coming from keyword-stuffed anchor text on hyperlinks from low-value websites. Keep your links relevant, appropriate and relating to what you are linking to.
Where possible, it's also wise to regularly check that your links are still valid. The user experience is tainted somewhat if 50% of the links on your site result in a 404 - Page Not Found error. There are components and plugins available which will automate these checks for you.
In short, use links appropriately, but don't make the mistake of not using them where relevant. The user experience is improved greatly when you link to any article you may be referencing (whether internal or external), and the Search Engines generally recognise this.

Have a Structured or Planned Navigation


Having a good navigation system is hugely beneficial for allowing bots to effectively crawl your site. Joomla goes a long way in doing this for you when used correctly. Using keywords in the actual link title (anchor text) will help improve rankings.
Your site structure starts with your content management - this should be structured according to your website function. A news website might categorise based on the topic (e.g. technology, business, world, etc) but a sports news website might categorise based on sport (e.g. Football, Rugby, Hockey, Cycling).
This is a critical factor in creating your website, and if used properly can have huge implications with regards to your search engine optimisation - as you can use your category name in your Search Engine Friendly URL's.
Once you have defined your content structure, the next step is to create a sitemap - even if it's on the back of a napkin - to identify what your 'top level' menu items will be, and any sub-items under them. This helps you to form an idea of how the visitor will browse your website.

If you are using sub-menus as drop-downs, it is sensible to use text separators at your top level, and the top level for any child menu items - this ensures that users who have touch-screen devices, or those using speech control, can easily click or hover over the top item, and have the sub-menu items display without being directed to a new page before having a chance to select a sub-menu item.
Website navigation is all about improving how users find content in your website. The easier users can find information on your site, the easier search engines will too.

Have an HTML Sitemap


An HTML sitemap is essentially a table of contents for your site. This serves two purposes:
  1. It provides a place where visitors can go to easily get to any content on your site, even if it isn't necessarily easy to access by other navigation aids on the site.
  2. It provides a centralized store of links to the content on your site that can be easily indexed by search engines.
  3. It allows users with disabilities to be able to quickly navigate your website with a simple list of links, rather than through complex menus
At the very least, a sitemap should link to the main sections and pages within your site, but the more detailed you can make it, the better.
There are available extensions that create sitemaps automatically based on Joomla content.

Have an XML Sitemap

Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.
Web crawlers usually discover pages from links within the site and from other sites. Sitemaps supplement this data to allow crawlers that support Sitemaps to pick up all URLs in the Sitemap and learn about those URLs using the associated metadata. Using the Sitemap protocol does not guarantee that web pages are included in search engines, but provides hints for web crawlers to do a better job of crawling your site.
  1. An XML sitemap provides a list of links to the content on your site that can be easily indexed by search engines.
  2. It is possible to create specific sitemaps for News, Images, Multimedia.
There are available extensions that create XML sitemaps automatically based on Joomla content. More about the Sitemap protocol

Things to Remember


There are perhaps a few basic points that readers should away;
  • Anything that requires a login will not be 'seen' by a search engine (though some search engines will allow you to tell them how to bypass these).
  • This article only just starts to scrape the surface.
  • Frequent maintenance and updates are a big part of Search Engine Optimization (SEO).
  • SEO is only the start - it might help people find your site through search engines but you've got to work out how to get them to stay or come back or use your site.
Search Engine Optimization is an ongoing task, the 'rules' used change frequently and simply undertaking SEO work once wont guarantee you a high ranking. Unique content is important, but so is site navigation. If a search engine finds it difficult to navigate your site (e.g. needs 7 'clicks' to reach an article) it will assume that real users will encounter similar difficulties. Sitemaps can help with this issue tremendously.
Although Search Engine Optimization is important, focusing on the basic elements of the user experience (easy navigation paths, unique and compelling content etc.) is often one of the best ways to ensure a higher ranking. Simple steps like ensuring appropriate Meta Keywords and Internal links will help to improve that experience further.

Thứ Hai, 13 tháng 5, 2013