Project Description:
We need a wordpress plugin that will allow anyone to insert five images into dropdown boxes with corresponding meta tag descriptions, keywords, etc.
Once complete, these five images and corresponding tags will be used to create a mobile optimized page that will trigger automatically when searched on any mobile device.
Instructions:
1. Nothing changes about the website when searched via desktop.
2. User will be required to install images that fit size dimensions that will be compatible with most mobile devices, but will adjust to fit when necessary.
3. Image ONE would be a logo. No link required to be entered by user, but metatags, keywords, etc. would accompany this image.
4. Image TWO will be a text graphic. Another place for matching up metatags, categories, keywords, etc. if necessary.
5. Image THREE will be a CLICK TO CALL image that links the user immediately to the phone number.
6. Image FOUR will be a Google Map Icon that will link to a URL identifying a business address.
7. Image FIVE would be a CONNECT TO MAIN SITE image that obviously would connect to the main site URL.
The settings page should be easy to maneuver. Specific directions on size of images. For example...
An image of choice is uploaded by the user as a logo. Directly below that would be places to enter corresponding Title, keywords, etc.
Below that would be a place to enter an image listing attributes of the product or company.
Below that a place to enter a predetermined sized image with a place below that to enter the phone number.
Then a place to upload an image and below that a URL for the location of the business, etc.
And finally a place to enter a graphic and below that a place to enter the main URL.
These settings when finalized and submitted would create a mobile optimized page.
All coding would be such that when enabled, any mobile search would result in the visitor landing on this page.
Must meet testing standards and pass through current existing websites out there that test mobile readiness of websites.
Additional Project Description:
01/07/2013 at 1:28 CET
XHTML-MP should be used as the default markup for the pages. Use of XHTML-MP will ensure that the pages will work on the widest variety of mobile devices as well as on desktop browsers.
You should use valid XHTML Mobile Profile. Non-validating markup may not display correctly or efficiently on mobile devices. In some cases, particularly on older phones, non-validating XHTML-MP will not render at all, and the user will see only an error message in their browser.
Specify the width and height of images in pixels as attributes of the IMG element. This allows devices to leave space for the images when they arrive, which means that pages don't have to be re-drawn several times.
Avoid pixel and absolute measures allows the browsers to adapt content to fit the display. An exception to rule is where an image has been specifically sized for a particular display. In this case references to the image in markup may specify the exact dimensions of the image in pixels, in order to help the browser to flow the page and avoid re-flowing it after the page has been retrieved. Devices may realize the intentions of authors more accurately if margins, borders and padding are specified in pixels.
Page sizes (including images and stylesheets) should be kept small since large pages take longer to load and, on some networks, increase data charges.
Proper caching. Using cache information can reduce the need to reload resources such as images and stylesheets, thus reducing download times and costs. Caching is particularly important for mobile devices due to the high network latencies typically experienced on mobile networks.
The created pages should be organised so that if necessary they may be read without stylesheets,
The MIME types sent by servers give very important information to browsers as to how to treat a document. If incorrect MIME types are sent with a document, it may prevent the browser from correctly interpreting the document and failing to render a document.
For XHTML-MP, the recommended MIME type is application/vnd.wap.xhtml+xml or application/xhtml+xml. Unlike HTML, XHTML-MP should not be served as text/html.
Web servers are often set up correctly for common document types such as HTML and CSS, but often do not have the correct doc types for XHTML-MP. Please refer to mobiForge for instructions on how to set up your MIME types correctly.
Providing an access key (keyboard shortcut) with a link gives the user a convenient way to access the link. Access keys are particularly useful when used consistently across a site as they enable users to jump quickly to their chosen sections, without having to scroll to find a link.
