78
Getting Noticed

Directory Services and Search Engines When people need to find information on the Internet, and don't already have an exact URL to go to, they usually

Embed Size (px)

Citation preview

  • Slide 1
  • Slide 2
  • Directory Services and Search Engines When people need to find information on the Internet, and don't already have an exact URL to go to, they usually turn to a directory service or search engine to start looking. As a web developer, you can use them to help people find your site.
  • Slide 3
  • Directory Services A directory is a comprehensive, categorical list of Web pages. Unlike search engines, directories are created and maintained by humans. To be listed, you must submit the address of your website to the directory's caretakers. If the people in charge of the directory consider your site worthy of listing, they'll assign it to an appropriate category within the directory. The two most widely used directory services are: 1. Yahoo: http://dir.yahoo.com/http://dir.yahoo.com/ 2. The Open Directory Project: http://www.dmoz.org/http://www.dmoz.org/
  • Slide 4
  • Now there's no requirement for including your website in a directory service. But it does cost money on Yahoo (about $299 a year). The Open Directory Project (DMOZ) is quite popular, and it's completely free! You don't want to put your site in there until your site is completely finished, finalized, and on the Internet where people can get to it with a URL. If you don't already have a website, that means you wouldn't do this until after you've completed your site and also published it
  • Slide 5
  • Listing your website For our hypothetical example, suppose you've developed a site dedicated to an unusual type of aircraft called an Ornithopter. Your site is complete, and you'd like to have this website listed in the Internet's premier Web directory, The Open Directory. Here's how you might go about doing just that: 1. Browse to http://www.dmoz.org/.http://www.dmoz.org/ 2. Scan through the list of categories until you see a category that might work for you. Let's go with Science for this example. Click Science. 3. Maybe the technology page would be a good subcategory for this example. Click Technology. 4. Looks like we need to narrow things down a little more. Click Aerospace. 5. Hmm, there are still some categories showing up. Click Aeronautics. 6. Aha! Now on this page, you see Ornithopters as its own category, the very topic of your website. Click Ornithopters. Your closest competitors will be listed on this page. You most definitely would want to be here as well. 7. At the top of the page, you'll see a link (blue underlined text) that says Suggest URL. Click on that link, and you'll receive instructions on how to submit your site for consideration.
  • Slide 6
  • Search Engines Search engines are websites that don't use people to create an index. Instead, they use computer programs called Web crawling infobots or just bots, crawlers, or spiders for short, to analyze sites and add them to the search index. This search index is kind of like the index you see at the back of some books (or the Course Index you see under References near the top of this page). In a book, important concepts (words) from the chapters are listed in the index, along with the page numbers where you can find these concepts in the book.
  • Slide 7
  • Search Engines Each page on the Web has a unique URL (address), and that's what's in the search index: keywords and page URLs. Unlike the index in a book, a search engine doesn't have a place where you can see a huge long list of alphabetized words to choose from. Because the list would be millions of words long, and nobody would have time to scroll through such a thing. To use a search index, you type the word (or words) you're looking for, the search engine then displays information from its index, and you click on links to look at the sites it finds.
  • Slide 8
  • Popular search engines There are quite a few search engines out there. I imagine you're probably familiar with at least one. But here's a few you're welcome to check out at your leisure: 1. Google: http://www.google.com/http://www.google.com/ 2. Bing: http://www.bing.com/http://www.bing.com/ 3. Yahoo Search: http://search.yahoo.com/http://search.yahoo.com/ 4. AltaVista: http://www.altavista.com/http://www.altavista.com/
  • Slide 9
  • Chuckles candy example You've probably used Google or some other search engine. to work through an example here, so you can observe what's happening with a more critical eye. For the sake of example, let's say you suddenly get an overwhelming urge for an old-time candy named Chuckles, and you'd like to find out if you can still buy it
  • Slide 10
  • Ask google Let's ask Google. 1. Browse to www.google.com to start your search. 2. Type chuckles candy in the search box, and then hit the ENTER key or tap the Search (magnifying glass) button. In almost no time at all, you get some search results
  • Slide 11
  • Slide 12
  • Near the top of the page, you might see something like About 752,000 results (0.05 seconds). This means that there are about 752,000 pages in the index that contain the words chuckles or candy, and it took about 5/100 of a second for Google to find that out for you. Slightly below that (still near the top of the page), you might notice the word Ad (or Ads). Those links are ads. Unless you have a huge advertising budget at your disposal, there's probably no need to be thinking paying for ads right now.
  • Slide 13
  • Organic search results The entire right column is ads. To the left, only the items with a slightly tan background are ads. Below that are the organic search results There doesn't seem to be anything "organic" about them. That's the term used to describe the regular search results that aren't paid-for ads. The one thing that all the search results have in common is a title (which is also a link you can click to visit the site), and a description.
  • Slide 14
  • Slide 15
  • Organic Searches Another thing that all the organic search results have in common is that they all seem to have the phrase "chuckles candy" (or some slight variation) in abundance in the title and description. When you do a search from Google, it tries really hard to find pages that provide the information you're looking for. One way it does that is by finding pages that have those words in the title and description (and elsewhere on the page).
  • Slide 16
  • Using Meta Tags When you type a word (or words) in the search engine, Google gives you a list of titles and descriptions (and links to) sites that contain that word. Every Web page (even one that looks like a blank sheet of paper in a browser) contains at least these HTML tags:
  • Slide 17
  • The Web-crawling infobots that create the search indexes assume all pages contain those tags. The title you see in the search results is the text between the... tags. The description is either the first few words under the tag, or a description of your own choosing. Typically, it's best to provide your own description, because people often read titles and descriptions before clicking a link to visit a Web page.
  • Slide 18
  • The Description Meta Tag The way you provide a description is with a meta tag. Why do we call meta tags meta tags? Three reasons: It defines metadata, which is information about the Web page rather than information that's on the Web page. It's always in the metadata section of the page, between the... tags. The syntax is where x is the type of metadata being provided (description, author, or keywords), and y is the specific text.
  • Slide 19
  • Meta tags It's not required, but it's a good idea to put a description meta tag in your pages, because Google and other search engines display their content in the search results. To create your own page description, use this between the... tags:
  • Slide 20
  • Most people will put this under the... tags And of course, you want to replace Your page description here with an actual description of the current page. Keep it brief. Many search engines will cut off anything beyond 155 characters. But be sure to type it as an actual sentence or two, not just a random collection of words!
  • Slide 21
  • Other Meta Tags The author meta tag. The author meta tag has its roots in the early days of the Web when it was all about publishing scientific and academic papers. Here's the syntax: The author name you provide won't show up in the browser. Meta tags are for metadata about the page, and metadata never shows up in a Web browser. The search engine indexing bots will catalog it, and once the site has been online for a while, people will be able to find the page by author name.
  • Slide 22
  • The keywords meta tag. The keywords meta tag is another popular one. Here's the syntax: In your page, you would replace key1, key2, key3,.. with a list of keywords, separated by commas. Those keywords should be words you think someone searching for your site might type into the search engine's Search box. The tag is likely to have no effect at all on search engines. In the early days of the Web, it didn't take long for developers to figure out that when people used a search engine, it was usually to find celebrity gossip or other popular topics And this business of tricking search engines even has a name it's called spamming the searching engine.
  • Slide 23
  • The robots meta tag If you don't want people to find your site, then that's when you'd use a robots meta tag. The robots meta tag is designed to tell the Web crawling infobots to go away and mind their own business. That might be the case if the site is still under construction, or if it's just intended for a group of people with who share an interest rather than for everyone on the world. The most common use of the robots meta tag is this: And the indexing bot works by looking at the code in your site's home page, and indexing that. Then, it looks at links to other pages within your site, follows those links, and indexes those pages too. Putting that robots meta tag between the and tag of your site's home page tells the indexer "do not index this page" (noindex), and "do not follow links or index other pages in this site" (nofollow).
  • Slide 24
  • The charset meta tag Another meta tag (and certainly the strangest one you'll see) looks something like this...... where x is replaced by something as strange-looking as the rest of the tag, often UTF-8 like this... This tag tells the user agent (the Web browser, or whatever program is going to look at the code and page content) that the page is a text file containing HTML code, and it's written in English or a language that uses an alphabet like English (Spanish, for example, as opposed to Chinese, which uses a completely different alphabet). If you omit it, the user agent will just assume the page is written in English or some other language that uses the same alphabet. Most user agents default to assuming our alphabet if they're not specifically told to expect Chinese, Japanese, or some foreign set of characters.
  • Slide 25
  • Top 10 Tips Let's take a look at the top 10 tips for getting your website noticed on the Web! Tip 1: Build a Collection of Keywords and Keyphrases A keyword or keyphrase is a word or phrase that somebody searching for your site would be most likely to type into a search engine. Your name or the name of your organization would qualify, of course, as would words and phrases describing the types of products, services, or information your site p
  • Slide 26
  • Tip 2: Learn What Keywords and Keyphrases Your Rivals Are Using With your keyword and keyphrase list in hand, hop on the Internet and visit the following sites: Google http://www.google.com/ http://www.google.com/ Yahoo Search http://search.yahoo.com/ http://search.yahoo.com/ Bing http://www.bing.com/ http://www.bing.com/ At each search site, type in a few of your keywords and keyphrases and see who comes up. Many of the listed sites will probably be similar to your own. And many may be direct competitors of yours. Take a look at some of the words they use within their page to see if you can think of any other words people might use to search for sites like your own.
  • Slide 27
  • Slide 28
  • Tip 3: Incorporate Your Best Keywords/Keyphrase Into Your Title If the keyword a search engine user seeks happens to appear in your title, some search engines will give your Web page a big boost in the listings. Therefore, you'll want to make sure your title includes your best keywords or keyphrases. Remember, those words show up in the search results and in the browser program window. Whateveryou type needs to make sense as a titleit can't be a random collection of words Trampoline Springs and Covers from Acme While this probably isn't so good, unless you think people would be specifically searching for that brand: Acme Web Site
  • Slide 29
  • Tip 4: Create Multiple Titles You can improve your chances of your website being listed by creating a different title for each page on your site (assuming, of course, that your website consists of more than one page). If any one of the titles you use contains the keyword a person happens to be searching for, at least one page from your site (the page containing that title) will have a better chance of being listed in that person's search results.
  • Slide 30
  • Tip 5: Incorporate Your Best Keywords/Keyphrase Into the Page Description Sprinkling a few well-chosen keywords (or a keyphrase) to your meta name="description" tag could help boost your page's rankings each time someone searches for the keywords or keyphrase. Some search engines stop reading descriptions after 150 or so characters. Be sure to try to get your most important keywords near the beginning.
  • Slide 31
  • Tip 6: Write Your Description Like a Sales Professional When writing your description, keep in mind that many people will read it in the search results page before deciding whether to click the link to your site. That description offers you an opportunity to make your site look more attractive than the competition's, so take advantage! Use the opportunity to sell yourself. Try to convince the user they really want to click that link to see your site
  • Slide 32
  • Tip 7: Use Keywords Everywhere, Even in Filenames Whatever keywords or keyphrases you come up with, it's important to use them in the text that people actually see when they view your page. The search engines give precedence to those words. But keep in mind that people will assume they can read whatever text you put into the body of your pages. Try to use keywords and phrases in titles (the kind you make with h1, h2, and tags and such), tables, lists, and paragraphs in any way that makes sense. Don't be afraid to use them in places that aren't so obvious, like the alt= attribute of an img tag. When naming your files, you might even consider using keywords in your filenames.
  • Slide 33
  • Tip 8: Try to Get a Domain Name With Your Keyword The domain name you choose will be part of the URL that people type to get to your website. For example, Apple Computer's domain name is apple.com, and their site's URL is www.apple.com.www.apple.com It's hard to get a good domain name these days, as we'll discuss in Lesson 11. Because the search engines will often give a high ranking to a site that has the keywords or keyphrase right in the URL.
  • Slide 34
  • Tip 9: Never Try to Trick the Bots Many people believe that repetition is the key to success, and they'll repeat the same small group of keywords over and over. Perhaps in the alt= attribute of an img tag, or even in a paragraph of text that's colored to match the background so as to be invisible to the person viewing the page in a browser, like this
  • Slide 35
  • Tip 10: Cultivate Links Once your site is complete and published for the world to see, the next step is promotion. Many search engines base their rankings, at least in part, on a site's popularity. And so now, many other sites link to your site. Of course, that will be nobody when you first publish your site. So as part of your marketing and promotion, you may need to do a little public relations.
  • Slide 36
  • Getting Started The Internet is made up of millions of interconnected computers. Most of those computers are peoples' personal computers We refer to such computers as client computers, since they use (or consume) services provided by the Internetmuch the same way the client of a professional or business uses the services provided by that professional or business.
  • Slide 37
  • Clients and servers Not all computers on the Internet are client computers. Many computers are servers rather than clients. As the name implies, a server computer is one that provides the services that the client computers use. For example, there are email servers that do the job of serving up email messages by transferring them from one computer to another. We all use email servers whenever we send or receive email messages. There are also Web servers, and as the name implies, these serve up any Web page you request to see.
  • Slide 38
  • Slide 39
  • Tip If you envision the Internet as something "above" your computer, that might help you remember that upload means to copy from your computer (up) to the Internet. The opposite term, download, means to copy from the Internet (down) to your computer.
  • Slide 40
  • To publish your website, you're going to need to some space on a Web server in which you can store your files. To get that space on a Web server, you'll go through a type of business called a Web hosting provider (also called a Web hosting service, hosting provider, Web host, or even just hoster for short). That's a business that makes its money by providing Web server space to people who want to have a website on the Internet.
  • Slide 41
  • Choosing a Hosting Provider Web hosting services can cost anywhere from zero to thousands of dollars a month, depending on what you need and how much traffic your site has. For a beginner, "free" is certainly good and sufficient. There aren't any companies out there on the Internet giving away free Web hosting solely out of the goodness of their hearts. They usually make their money by "renting" Web server space to people who want a website. But they can also make a little money by giving away free hosting and putting a small advertisement on every page you publish. They charge the advertisers for that ad space on your page and keep the money, to offset the cost of giving you the Web hosting service for free.
  • Slide 42
  • Web hosting services There are hundreds of Web hosting services. Not too many are willing to give you anything for free. Of the few that do offer free starter packages, I'm going to suggest using 000webhost.com because the site is relatively easy to use, and so far they don't even put ads on free sites. You can keep your free site for as long as you like.
  • Slide 43
  • Make Sure You Have a Home Page When people come to visit your site, the first page they'll see is your site's home page. Most hosting providers require that you name your site's home page index.html or index.htm. It usually doesn't matter which name you use, because they'll accept either. Just make sure that when creating your site's pages, you give the filename index.html or index.htm to the very first page that people will see when they visit your site.
  • Slide 44
  • Note The.htm and.html extensions are the same as far as all computer operating systems are concerned. The older.htm extension is just a leftover from the early days of computing when filename extensions were limited to three characters. Your page will look the same whether you name it index.htm or index.html. There's no advantage or disadvantage to either filename.
  • Slide 45
  • Your Site Needs a URL We talked about how you get to websites by using an address or URL (Uniform Resource Locator). In most cases, the domain name in the URL is the same as the company that owns the website. For example, Apple computer owns the apple.com domain name, and you can get to their website using http://www.apple.com. Pepsi owns the domain name pepsi.com, and you can get to their website using http://www.pepsi.com.
  • Slide 46
  • You can get a custom domain name from a domain name registrar. But it's not free. Before you go hunting for an expensive domain name, be aware that it's not entirely necessary to do so. Rather than buying a custom domain name, you can use an address in the form of yournamehere.DOMAIN.com (where yournamehere is a name of your own choosing, and DOMAIN is a name provided by 000webhost.com you don't get to choose that part). That won't cost you a penny.
  • Slide 47
  • Your Site Password You wouldn't want just anyone to be able to come along and change your website. To prevent that from happening, your site will be protected with a username and password. Anyone will be able to view your site without a password. Only people who know the password will be able to change the site contents.
  • Slide 48
  • Creating Your 000Webhost.com Account In this chapter, you'll go through the necessary steps to set up your 000webhost.com account. Basically, what you're doing here is getting an account with them, which includes a folder on their Web server that you can upload your website's files to. Again, don't worry if you don't have a site to publish right now. There are no deadlines or time limits here. You can set up the account now, and it'll be yours forever. You can publish to it whenever you're ready in the future!
  • Slide 49
  • Here are the steps to set up your free 000webhost.com account: 1. Browse to http://www.000webhost.com/ the same way you'd browse to any other website (and don't forget about the zeros). 2. If necessary, scroll down a little, and then click Order Now under Free Hosting (the button pointed out in the screen shot below). 3. Start your free hosting account 4. On the next page, type in the requested information, as shown below. Use the option under "or I will choose your free subdomain" to fill in your chosen site name. Where you see host56.com in the image below, you may see some other domain name they own. You can't change that or choose a different one when using the free Web hosting. 5. Provide information about your account 6. Fill in your name and your email address where shown. You must type your email address correctly, and it must be an address where you receive email, because part of the process of setting up your site involves responding to an email message from 000webhost.com. 7. Type the password you decided on earlier, twice, where indicated. Make sure you have written it down somewhere or stored it in your contacts so that you can easily find it if you forget it in the future. 8. A little further down on the page, you must type the requested captcha text. You may have seen this before. It's used to keep automated spam programs from posing as humans and infiltrating a website. Basically, it ensures that a human is filling in the form. 9. Select (check) the checkbox to agree to terms of service. 10. Click Create My Account.
  • Slide 50
  • Slide 51
  • Slide 52
  • Confirm Your Account Before you go any further, you must confirm your request by responding to the email message that 000webhost.com will send you. So make sure you check your email until you find it. The subject line starts with "Confirm your registration... " and the sender is [email protected] or something similar, depending on how your mail client shows the information.
  • Slide 53
  • Accessing Your 000Webhost.com Account You now have a place on the Internet where you can store Web pages and pictures for public viewing. You don't need to repeat any of the above steps in the future. Those steps were just to create the account and get the space on the Web server for publishing. In the future, you'll just copy files to the Web server provided by the account you've just created. You don't need to create a new account to publish changes to your site after you've published the first time.
  • Slide 54
  • Accessing Your 000Webhost.com Account You now have a place on the Internet where you can store Web pages and pictures for public viewing. Typically what happens is that you publish your site by copying all the files from your MyWebsite folder to the Web server. You may want to change some pages or add new pages in the future, so you may be revisiting the site often. (You're not required to do that, but most people do.) Make sure you know the URL, your username, and your password for accessing the site. If you already have a place where you keep such information, you should add your 000webhost.com information to that.
  • Slide 55
  • Accessing your website For easy access to your site, use the member's entrance at the URL they provided in the email, which is: http://members.000webhost.com/ Your username will be the email addresses and password you provided when you signed up.
  • Slide 56
  • Publishing Your Site As webmaster, it's up to you to decide what gets publishedand when. You do that by uploading the Web pages and pictures that you want the rest of the world to see. Upload these pages and pictures to your folder on the 000webhost.com Web server. The pages and pictures will never upload themselves.
  • Slide 57
  • You learned how to create a basic layout template for all the pages in your site so that you could start each new page in the site by copying the template. That's certainly a lot quicker and easier that typing each page from scratch. Just remember that the home page for your site must have the filename index.htm or index.html. Make sure you have a page named index.htm or index.html and that it contains whatever you want people to see first when they browse to your site. Also, if your site will have only one page, you don't need a navbar because the purpose of that is to allow people to navigate to other pages within your site.
  • Slide 58
  • Publishing your website When you're ready to publish your site for the first time (or update a page you've already published but that has since changed on your own computer), your first step is to log in to your account at 000webhost.com. Here's how: 1. Browse to the members page at http://members.000webhost.com/. 2. Type your email address and the password you created when setting up the site. Remember that passwords are case-sensitive.
  • Slide 59
  • Slide 60
  • Slide 61
  • There are some things you need to understand at this point if your public site is going to work correctly. You may want to take notes and keep them handy for whenever you're uploading files to your site. First, the public_html directory you see on the File Manager page is where all the files that make up your website go. So before you start uploading, click the public_html link or folder icon to open that folder. The path at the top of the display changes to let you know you're now looking at the contents of your public_html folder on the Web server. The file list shows files that are already there. Those are not files you created. However, they must remain where they are because they include information used by the Web server.
  • Slide 62
  • Slide 63
  • To upload a file, double-check to make sure you're in the public_html folder at 000webhost.com, as shown in the image above. Then click the Upload button (just above the Name column heading in the image above). You'll probably need to enter your password again. You'll see a username that's different from your email address. Don't worry about that username, and don't change it. It's a username that's assigned automatically, and it's only used for uploading files. Just type in your password, and click Continue.
  • Slide 64
  • Clicking Continue should take you to the page for uploading files. If you picture the Internet like a cloud in the sky, think of uploading as copying files from your computer up to the Internet. Downloading is copying files from the Internet down to your computer. To make your site visible to the public, you need to upload (copy up to) the files that are currently on your computer to the public_html folder in your 000webhost.com account. So make sure that's still pointing to public_html as shown below, and click the Browse button. Depending on your browser, your button may say something different, such as Choose File. But don't worry; it works the same regardless of the name on the button. (The button to the right of the Upload to directory field is for uploading archive files only, such as.zip or.tar. You don't need to use that option and can ignore it if you're not familiar with archives.)
  • Slide 65
  • Clicking Continue should take you to the page for uploading files. To make your site visible to the public, you need to upload (copy up to) the files that are currently on your computer to the public_html folder in your 000webhost.com account. So make sure that's still pointing to public_html as shown below, and click the Browse button. Depending on your browser, your button may say something different, such as Choose File. (The button to the right of the Upload to directory field is for uploading archive files only, such as.zip or.tar. You don't need to use that option and can ignore it if you're not familiar with archives.)
  • Slide 66
  • Slide 67
  • Next, you'll see a dialog box for navigating and choosing files on your own system. This will be the same as the Open dialog box you use in your operating system to open files. Its exact appearance depends on what operating system you're using. Regardless, your first step will be to navigate to the folder that contains your website files, most likely your MyWebsite folder if you've been following along and keeping all your site files in that folder.
  • Slide 68
  • Slide 69
  • Slide 70
  • When you've selected all the files you want to upload, click the green checkmark, and the files will upload to the Web server. How long that takes depends on the speed of your Internet connection and the number and sizes of your files. But it shouldn't take more than a few seconds. When the upload is complete, you'll get some feedback about the upload.
  • Slide 71
  • Slide 72
  • To see the contents of your public_html folder now, click the blue arrow to the left of the green checkmark. You'll see the original contents of that folder, plus the names of any files you've successfully uploaded. Remember, only files that you upload to that public_html folder will be visible to the public. And pictures you forgot to upload won't show in their pages. Any pages you forgot to upload won't be accessible to the public either.
  • Slide 73
  • Slide 74
  • After you log out, you can visit your site by typing its URL into the address bar of your browser, the same way you would to visit any other site. Don't bother trying to search for it with Google, Bing, or any other search engine yet. There are thousands of hosting providers and billions of pages on the Web, and no search engine is quick enough to notice a new site that quickly. Besides, you only need to use search engines like Google when you don't know the URL of the site you're trying to visit. When you do know the URL, just type it into the address bar.
  • Slide 75
  • Troubleshooting If you have trouble with your site, there are a couple of things you need to keep in mind. The home page for a website must be named index.htm or index.html. The home page is the first page that opens when you (or anyone else) browses to the site. So verify that you've named your home page index.htm or index.html and have uploaded it to the public_html folder on your site.
  • Slide 76
  • If the problem is with images not showing or links not working, make sure you've uploaded the image or page that's not working to the public_html folder. Also, keep in mind that filenames can be case-sensitive on Web servers. That, in turn, means that the uppercase and lowercase letters of filenames in the href= and src= attributes of tags in your code must exactly match the uppercase and lowercase letters of the actual filenames.
  • Slide 77
  • The best way to change, update, or correct errors on a website is to first make the change in the files on your computer. Test it there too (but remember, even though filenames aren't case-sensitive on your computer, they are case-sensitive on the Web server). Then upload any files you've changed or added using exactly the same procedure you used to upload files the first time. The newer files will overwrite (replace) the files on the Web server. If you then browse to the site and don't see the correction in your browser, be sure to click the Reload or Refresh button in your browser to download the very latest copy of the page.
  • Slide 78
  • Any time you need to make changes to your site, always make the changes to the files on your system, and then upload them to the Web server. That way, the files on your computer and the files on the Web server will be identical and serve as backups to one another. If some calamity wipes out all the files in one copy, you'll still have the other copy, so you really haven't lost anything.