Seminar hosted by Silicon Valley Bloggers Meetup Group
Speaker: Linda
Linda started online in 1999
Started on eBay selling eBooks
Then started doing web design
Then learned Wordpress
Wordcamp - every year in May (can sign up), Wordpress is based in SF
askmepc-webdesign.com -> Linda's website
sign up on wordpress.com, and they will give you a code to activate Askimet (antispam for wordpress)
***Permalinks
***Ping List (search engines don't crawl that fast, people say ping lists triple their site traffic)
email Linda and she will send you her ping list
also send her an email for her "blacklist words list" and her "blacklisted sites"
Gravatar.com
(gravatar is the same as avatar)
Dont start turning things off until you are fairly known, don;t start filtering things before you are even found
There are many wonderful plugins for Wordpress
WordpressCentral.org
In the "Edit Post" tab, you can even predate dates !! (or make it look newer)
Wordpress is a Content Management System (CMS), not just blog software
In browser: view -> page source ......... if you see "wp theme" etc, that would indicate that it is a Wordpress blog
A lot of people like the "Thesis" theme
(Linda uses "studio press" themes from Brian Gartener)
Friday, November 26, 2010
Wednesday, November 24, 2010
Web Development - Analytics
Google’s analytics (Google Analytics) grew out of a company called ………
Google bought the company
Bing Toolbox is something equivalent to google analytics on bing (also recommend submitting your site to bing)
Yahoo used to have quite good analytics
Omniture , a company owned by adobe, does analytics, for an (expensive) price
SEO Search Engine Optimization Seminar Notes
Web Development - Site Management / Optimization - Free and Useful Tools
Google Words
Google Analytics
Google Ad Words
Google Web Master Tools
Google Analytics
Google Ad Words
Google Web Master Tools
SEO Search Engine Optimization Seminar Notes
Web Development - Bounce Rate
Bounce rate: the number of people who come to your site, but find that it is not what they are looking for, and just quickly leave
SEO Search Engine Optimization Seminar Notes
Web Development - Search Engines - "Poodle Predictor"
"Poodle Predictor" site
SEO Search Engine Optimization Seminar Notes
The following is an intro from the site:
Poodle predictor is a tool that attempts to give you an idea of how your site will show up in the search-engine results, before it's too late, and they have already cached it.
This helps you avoid making mistakes that will either prevent your site from getting a decent listing, or will show a useless description of you site in the search-engine results.
To do this, we have attempted to replicate the rules used by the main search-engines, as they spider your site.
Naturally they are not all identical, and they don't make their search algorithms publicly available, so Poodle predictor's results will never be identical with the search-engines results.
(obtained from http://www.gritechnologies.com/tools/about_poodle.html)
This helps you avoid making mistakes that will either prevent your site from getting a decent listing, or will show a useless description of you site in the search-engine results.
To do this, we have attempted to replicate the rules used by the main search-engines, as they spider your site.
Naturally they are not all identical, and they don't make their search algorithms publicly available, so Poodle predictor's results will never be identical with the search-engines results.
(obtained from http://www.gritechnologies.com/tools/about_poodle.html)
Web Development - Fonts
The user's browser can display any font that the user has on their machine
if you want to be safe:
Look up(search): "web-safe fonts" (comic sans is one of them)
if you want to be safe:
Look up(search): "web-safe fonts" (comic sans is one of them)
SEO Search Engine Optimization Seminar Notes
Web Development - "Organic"
Organic listing: something that is not paid (artificially placed at the top), not local (also artificially placed in front), but is something that the search engine "organically" found and listed
SEO Search Engine Optimization Seminar Notes
Web Development - Sitemaps
Your sitemap (if you have one) should be placed in the root of your site , and is usually named Sitemap.xml
SEO Search Engine Optimization Seminar Notes
Wordpress - Alternative : "Drupal"
Drupal.com (Drupal is good alternative to Wordpress)
SEO Search Engine Optimization Seminar Notes
Tuesday, November 23, 2010
Web Development - Optimizing for Modern Search Engines
1. Congruence between title, keywords, and text => to get higher ranking with google search engine
2. Google also brought the notion of page rank
3. Another thing you can and should do is to submit your site to google -> this is free and easy to do
4. Other things you can do: xml-sitemaps.com (get a sitemap) -> will generate a xml file, then you put that in the root of your site, then you tell google this is where your sitemap is , then google not only knows your site is here, it also knows you have a site map and it knows about the architecture of your site
5. Having links from other sites to your site improves your ranking in Google search
6. The number of clicks does not improve your search ranking
7. Have keywords, then have those same words appear in the following paragraphs, and also if the URL has the same word in it => this would also help your ranking
8. The Google bot cannot see images or color etc. , it can only see text (this is another reason why having "alternative text" (alt tag) with your images is very important)
9. The bot sees any text, regardless of font (some people cliam that bots only recognize Ariel and Times Roman?)
10. Header text is more important than the body text (this is suspected by some people, and some experiments suggest this may be the case, but Google would not confirm this)
11. Anchor Text - don't just use "click here" as your anchor text, having descripttive anchor text improve your ranking (this, again, is suspected by some people, but not confirmed by Google)
12. Sprinkle words that match your keywords and words in your header into your introductory paragraphs
13. Phrases vs individual words might make a difference (a lot of discussion about this) (having phrases might be better)
14. "Free" is another "good" term
15. Some people beleive that about 70% of Google's search algorithm is still about links
16. Superpages.com -> Link to your site using things like "online yellow pages" (like the one above)
17. Yelp -> also allows you to fill in a page of information about your business (site) free of charge
18. "Yahoo Locals" also have information pages that you can fill out free of charge
19. There is also citysearch.com
20. A living site that changes and updates content frequently fares better with Google search bots
21. Re-submit site map? -> only after big, architectural changes
22. Google considering pages to be "duplicate pages" can be a problem
23. Changing the name of pages is bad
SEO Search Engine Optimization Seminar Notes
2. Google also brought the notion of page rank
3. Another thing you can and should do is to submit your site to google -> this is free and easy to do
4. Other things you can do: xml-sitemaps.com (get a sitemap) -> will generate a xml file, then you put that in the root of your site, then you tell google this is where your sitemap is , then google not only knows your site is here, it also knows you have a site map and it knows about the architecture of your site
5. Having links from other sites to your site improves your ranking in Google search
6. The number of clicks does not improve your search ranking
7. Have keywords, then have those same words appear in the following paragraphs, and also if the URL has the same word in it => this would also help your ranking
8. The Google bot cannot see images or color etc. , it can only see text (this is another reason why having "alternative text" (alt tag) with your images is very important)
9. The bot sees any text, regardless of font (some people cliam that bots only recognize Ariel and Times Roman?)
10. Header text is more important than the body text (this is suspected by some people, and some experiments suggest this may be the case, but Google would not confirm this)
11. Anchor Text - don't just use "click here" as your anchor text, having descripttive anchor text improve your ranking (this, again, is suspected by some people, but not confirmed by Google)
12. Sprinkle words that match your keywords and words in your header into your introductory paragraphs
13. Phrases vs individual words might make a difference (a lot of discussion about this) (having phrases might be better)
14. "Free" is another "good" term
15. Some people beleive that about 70% of Google's search algorithm is still about links
16. Superpages.com -> Link to your site using things like "online yellow pages" (like the one above)
17. Yelp -> also allows you to fill in a page of information about your business (site) free of charge
18. "Yahoo Locals" also have information pages that you can fill out free of charge
19. There is also citysearch.com
20. A living site that changes and updates content frequently fares better with Google search bots
21. Re-submit site map? -> only after big, architectural changes
22. Google considering pages to be "duplicate pages" can be a problem
23. Changing the name of pages is bad
SEO Search Engine Optimization Seminar Notes
Web Development - how search is performed
Alta Vista originally searched and found web pages by looking in the metadata
Search Engine Optimization Seminar Notes
Search Engine Optimization Seminar Notes
Web Development - Interesting Site
waybackmachine.org
tis site stores cached versions of past websites
for exaple, you can find an old Alta Vista search page.....etc......
Search Engine Optimization Seminar Notes
tis site stores cached versions of past websites
for exaple, you can find an old Alta Vista search page.....etc......
Search Engine Optimization Seminar Notes
Web Development - the .htaccess file
the .htaccess file is usually a hidden file (you need to unhide system files to be able to see it )
.htaccess file can redirect, etc ........
.htaccess file can redirect, etc ........
SEO Search Engine Optimization Seminar Notes
Web Development - Upload PDF files and get CSS layouts automatically generated for you
Psd2cssonline.com
"Sitegrinder" application does the same thing, but as a desktop application
Search Engine Optimization Seminar Notes
Search Engine Optimization Seminar Notes
Dreamweaver - where images are inserted
Foreground images are inserted directly onto the page.
Background images are placed using CSS.
The difference between the two senarios should be noted.
Background images are placed using CSS.
The difference between the two senarios should be noted.
Dreamweaver - Change the background color for the "body" portion of the page
go to "window" -> "CSS styles"
click "All" to switch from "Current" mode
(All mode displays all the CSS Styles associated with the current page)
Expand the <Style> entry in the All Rules pane (click the + button)
select body and click Edit Rule (the "pencil icon" at the bottom of the CSS Styles panel)
when the CSS Rule defineition for "body" dialog box appears, select the Background category
then, click the BAckground color box to open the color pixer
then, use the eyedropper to select a color in the color pixer
***Note: brackets ("< >") indicate that a CSS style in internal to the document. If a style is external to a document it would show as someting like "charliestyles.css" in the CSS styles panel.
Reference: "Adobe Dreamweaver Classroom in a Book"
click "All" to switch from "Current" mode
(All mode displays all the CSS Styles associated with the current page)
Expand the <Style> entry in the All Rules pane (click the + button)
select body and click Edit Rule (the "pencil icon" at the bottom of the CSS Styles panel)
when the CSS Rule defineition for "body" dialog box appears, select the Background category
then, click the BAckground color box to open the color pixer
then, use the eyedropper to select a color in the color pixer
***Note: brackets ("< >") indicate that a CSS style in internal to the document. If a style is external to a document it would show as someting like "charliestyles.css" in the CSS styles panel.
Reference: "Adobe Dreamweaver Classroom in a Book"
Saturday, November 20, 2010
Dreamweaver - CSS - change the page body background color
CSS can be used to alter the style properties of any HTML tag, such as the <body> tag.
Dreamweaver - CSS (Cascading Style Sheets)
Modern web pages use Cascading Style Sheets for layout and styling.
Web Pages - The "Three-legged Stool" Analogy
Modern web pages are often said to be three-legged stools, with the three legs being HTML, CSS, and Javascript. As the analogy suggests, the stool would not be able to stand properly without any one of its legs.
HTML can be roughly though of as the content of your page.
CSS covers the layout and appearance of the page, and includes aspects like where your elements are located, what colors there are and where, and what backgrounds to use.
Javascript adds interactive functionality to your page.
Reference: "Adobe Dreamweaver Classroom in a Book"
HTML can be roughly though of as the content of your page.
CSS covers the layout and appearance of the page, and includes aspects like where your elements are located, what colors there are and where, and what backgrounds to use.
Javascript adds interactive functionality to your page.
Reference: "Adobe Dreamweaver Classroom in a Book"
Friday, November 19, 2010
Dreamweaver - Properties Manipulation for Inserted Images - fltrt / fltlft
With the newly inserted image selected, choose "fltrt" from the Class menu in the Properties panel.
"fltrt" is an abreviation to "float right" -> this is a CSS style that will float the image to the right. Text will flow around the image.
"fltlft" is an abbreviation for "float left" -> this floats the image to the left with text wrapping around it on the right.
*All 32 CSS styles included in DW have .fltrt and .fltlft as style options.
**The float property moves an element to the right (or left) of its "container". In this example, the container is "mainContent". When an element floats , ofthe content flows or wraps around it. When an element floats to the right , for example, it moves to the right and other content wraps around it to the left.
Reference: "Adobe Dreamweaver Classroom in a Book"
"fltrt" is an abreviation to "float right" -> this is a CSS style that will float the image to the right. Text will flow around the image.
"fltlft" is an abbreviation for "float left" -> this floats the image to the left with text wrapping around it on the right.
*All 32 CSS styles included in DW have .fltrt and .fltlft as style options.
**The float property moves an element to the right (or left) of its "container". In this example, the container is "mainContent". When an element floats , ofthe content flows or wraps around it. When an element floats to the right , for example, it moves to the right and other content wraps around it to the left.
Reference: "Adobe Dreamweaver Classroom in a Book"
Subscribe to:
Posts (Atom)