LISUG web site project

Transcription

1 Google AdWords LISUG web site project Web site design considerations SEO (Search Engine Optimization) Keyword Analysis PHP MySQL by Alan Baisch

2 Important steps and strategies Review existing website and discuss improvements. Surf the internet (Checkout the competition!) Storyboard the website Build a site map

3 February

4 May

5 January

6 Think like a first time Visitor! Storyboard the website

7 A general top-down view of the overall site contents. Site Map

8 Improvements New contemporary design Easier and quicker to maintain Improve ability to be picked up in search engines (SEO-Search Engine Optimization) Traffic analysis with google analytics Promotion of Organization Event Pictures Reduce/eliminate other costs. (Handouts)

9 What type of web site? Flash Static HTML PHP E Commerce CMS (Content Management System) Wordpress Joomla Etc.

10 Review Other Designs/Templates

11

12

13

14 New Design

15

16 Landing Page-Design Considerations-1 Usability-How well users can navigate, find information and accomplish their goals Font Size-Absolute or relative Browser Compatibility Browser Plug-Ins (Most users do not like installing) Web Site speed. Is it fast enough for everyone? Security of online data. (SSL/TLS) (Verisign/Geotrust seal) Keep action, major benefits and conversion actions above the Fold Use testimonials and reviews when possible Use associations to install trust in your visitors

17 Landing Page-Design Considerations-2 Use coupons or discounts Use images to direct a consumer s focus Code for color blindness-check page in grey scale ( Buttons versus text links-don t overuse buttons Establish a Privacy policy Use ALT tags to enhance SEO and handicapped browsers. Conform to ADA and W3C Make the conversion process easy!

18 Grey Scale Version

19 Buying Funnel Awareness of your product AWARENESS Generate interest in product Learn about features and benefits Compare similar products INTEREST LEARN SHOP INFORMATION 80% Compare prices, warranties, shipping costs, service contracts, return policies etc. BUY

20 Development Steps Determine keywords to use on landing page Create text and graphics Create Main web page and Navigation Create secondary pages Create MySQL files Change pages to use tables with PHP Add/Revise informational text

21 Keywords The basis of ALL search engine rankings is keywords. Users enter keyphrases in Search Engines to get information they need, It is VERY important that you optimize for such keyphrases

22

23

24 AdWords Options In order for you to sync AdWords and Analytics, the address that you use to log-in to your AdWords account must also be an administrator of the Google Analytics account.

25 AdWords Keyword Tool

26 What Keywords are searched the most? as400 system i i series ibm i iseries iseries i5 e server eserver

27 What Keywords are searched the most? i series system i as400 ibm i i5 iseries e server eserver 124,000, ,000,000 16,600,000 11,100,000 4,090,000 1,830, , ,000

28

29 Keyword Density Keyword density is the percentage of times a keyword or phrase appears on a web page compared to the total number of words on the page. In the context of search engine optimization keyword density can be used as a factor in determining whether a web page is relevant to a specified keyword or keyword phrase.

30

31 Keyword Text

32 Meta Tags <title>long Island System Users Group</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <meta name="description" content="the Long Island System Users Group or LISUG is a educational organization dedicated to people using the IBM AS400, AS/400, IBMi, system I, Power platform."> <meta name="keywords" content="lisug, Long Island System Users Group, AS400, AS/400, System38, System/38, iseries, Power system, education, system i"> <meta name="robots" content="index,follow"> <meta name="revisit-after" content="15 Days">

33 Links and Reciprocal Links

34 PageRank

35 Search

36 Google Analytics Report Traffic Analysis

37 Content Display using

38 MySQL Tables Meeting Presentation Speaker

39 Easy to Maintain

40 Upload of Files

41 Directory Listing of Pictures

42 PHP Coding Set all pages to.php extension.htaccess <?php include('lisug_home.php');?> or The htaccess file is a configuration file which is used on Apache based web servers to control many features of the server. AddHandler application/x-httpd-php5.php AddHandler application/x-httpd-php5.html AddHandler application/x-httpd-php5.htm

43 DataBase Connection <?php $db = mysql_connect( server", user name", password"); mysql_connect( server", user name", password") or die("could not connect to MySQL server!"); mysql_select_db( database",$db) or die(mysql_error());?> The mysql_connect() function opens a non-persistent MySQL connection. This function returns the connection on success, or FALSE and an error on failure. You can hide the error output by adding an '@' in front of the function name. The mysql_select() function is used to select data from a database.

44 Home Page Code-1 <?PHP include("lisugsql.inc"); $dir = "images/"; $msg = ""; $month_names = array("january", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); echo "<table width='550' align='center' frame='border' border='2' bordercolor='blue' bgcolor='white'><tr><td>\n"; echo "<br><center><font size='+2' color='blue'><b>lisug Meeting Information</b></font></center><br><hr>\n"; /* Determine if next meeting is this month or next month */ $yyyymm = date("ym"); $year = date("y"); $month = (int) date("m"); $day = (int) date("d"); $query = "SELECT mtg_date FROM meetings WHERE yyyymm = '$yyyymm'"; $result = mysql_query($query); if (!$result) echo "mysql_error()<br>\n"; list($mtg_date) = mysql_fetch_row($result); $mday = (int) substr($mtg_date,8,2); if ($day > $mday) { $month = $month + 1; if ($month < 10) $month = "0". $month; else $month = "$month"; $yyyymm = $year. $month; } if ($month = 12) { $month = 00; $year = $year + 1; }

45 Home Page Code-2 /* Display Next Meeting */ $query = "SELECT rowid, mtg_date FROM meetings WHERE yyyymm = '$yyyymm'"; $result = mysql_query($query); if ($result) { list($mtg_rowid, $mtg_date) = mysql_fetch_row($result); } else echo "mysql_error($result)<br>\n"; $myear = substr($mtg_date,0,4); $mmonth = (int) substr($mtg_date,5,2); $mday = substr($mtg_date,8,2); $mtg = "<a href='lisug_meeting_detail.php?r=$mtg_rowid'>". $month_names[$mmonth-1]. " ". $mday. ", ". $myear. "</a>"; $m = $month_names[$mmonth-1]; echo "$mtgdate"; echo "<center> Our <b>$m</b> meeting: Wednesday, $mtg<br><br></center>"; echo "<center><font color='blue'>lisug Question and Answer Session</font></center> \n"; echo "<table align='center'>\n"; $weekday = date('l', strtotime($mtg_date)); // note: first arg to date() is lower-case L strtotime Parse about any English textual datetime description into a Unix timestamp

46 Home Page Code-3 $query = "SELECT rowid, title, speaker, time FROM presentation WHERE meeting = '$mtg_rowid' order by time"; $result = mysql_query($query); if (!$result) echo mysql_error(). "<br>\n";?> while(list($pre_rowid, $title, $speaker, $time) = mysql_fetch_row($result)) { $presentation = "<a href='m_presentation.php?r=$pre_rowid'>$title</a>"; switch($time) { case "5:00pm": $t = "Presession"; break; case "7:00pm": $t = "Dinner"; break; case "8:00pm": $t = "Main Presentation"; break; default: $t = "Main Presentation"; break; } $query2 = "SELECT fname, lname FROM speaker WHERE rowid='$speaker'"; $result2 = mysql_query($query2); if (!$result2) echo mysql_error(). "<br>\n"; list($fname, $lname) = mysql_fetch_row($result2); echo "<br /n>"; $name = "<a href='m_speaker.php?r=$speaker'>$fname $lname</a>"; echo "<tr><td><font color='red'>$t:</font> </td> <td><b>$presentation</b></td> <td><font size='-1' color='purple'><i>presented by</i></font> $name</td</tr>"."<p> </p>"; } echo "</table><br>\n";

47 Date Formatting

48 List() function The list() function is used to assign values to a list of variables in one operation.

49 Mysql_fetch Definition and Usage The mysql_fetch_row() function returns a row from a recordset as a numeric array. This function gets a row from the mysql_query() function and returns an array on success, or FALSE on failure or when there are no more rows. Syntax mysql_fetch_row(data) Parameter Data Description Required. Specifies which data pointer to use. The data pointer is the result from the mysql_query() function Tips and Notes Note: After the data is retrieved, this function moves to the next row in the recordset. Each subsequent call to mysql_fetch_assoc() returns the next row in the recordset.

50 Tools Used Wamp Server Notepad ++ Dreamweaver Fireworks Windows Web development environment Code editor Web site development tool Image editing application Keyword Density Analyzer Grayscale Analysis Google Adwords Google Analytics Page Rank Checker

51