Abstract:
Systems and methods for assisting a user to redesign a live website using a browser-based interface are presented. A first computer server hosts a target website that includes a first code snippet configured to, once executed, create a communication channel to a second computer server. The second computer server is configured to, after execution of the first code snippet, retrieve a content of the target website using the communication channel, analyze the content of the target website to identify one or more candidate keywords to incorporate into the target website, transmit, through the communication channel, the one or more candidate keywords for selection by a user on the target website, receive, through the communication channel, a selection of one of the one or more candidate keywords, generate a second code snippet configured to modify the target website to incorporate the selected one of the one or more candidate keywords, and store the second code snippet on the second computer server.

Description:
CROSS-REFERENCE TO RELATED APPLICATIONS 
       [0001]    This application claims priority to U.S. Provisional Patent Application No. 61/911,631, filed on Dec. 4, 2013 and entitled “WEBSITE CONTENT AND SEO MODIFICATIONS VIA A WEB BROWSER FOR NATIVE AND THIRD PARTY HOSTED WEBSITES.” 
     
    
     FIELD OF THE INVENTION 
       [0002]    The present invention generally relates to website design and communication, and, more specifically, to systems and methods for assisting a user to redesign a live website using a browser-based interface. 
       BACKGROUND OF THE INVENTION 
       [0003]    The information on web pages is in the form of programmed source code that the browser interprets to determine what to display on the requesting device. The source code may include document formats, objects, parameters, positioning instructions, and other code that is defined in one or more web programming or markup languages. One web programming language is HyperText Markup Language (“HTML”), and all web pages use it to some extent. HTML uses text indicators called tags to provide interpretation instructions to the browser. The tags specify the composition of design elements such as text, images, shapes, hyperlinks to other web pages, programming objects such as JAVA applets and JavaScript resource calls, form fields, tables, and other elements. The web page can be formatted for proper display on computer systems with widely varying display parameters, due to differences in screen size, resolution, processing power, and maximum download speeds. 
         [0004]    For Internet users and businesses alike, the Internet continues to be increasingly valuable. Individuals and businesses depend on their online presences, particularly their websites, to deliver current and useful information to customers, readers, and other Internet users. However, website design remains a difficult skill to learn and apply effectively. Web page editors exist for helping non-programmers edit their websites using what is known as a what-you-see-is-what-you-get (WYSIWYG) interface that renders the web page source code to a display and provides editing tools for adding and modifying web page elements. It would be advantageous to provide such as WYSIWYG interface that operates on the actual website code as it is rendered in a browser, so a user can be sure that what is being edited is what will be displayed to a website visitor. 
         [0005]    Customers frequently use Internet search engines, such as GOOGLE, BING, YAHOO, or BAIDU, to find businesses that provide the goods or services sought. The customer enters keywords relevant to the goods or services into the search engine and receive search engine results pages (SERPs) displaying websites or web pages in order of relevance to the entered keywords. In order to attract customers online, a business benefits from its website placing highly on SERPs for keywords that are relevant to its business. To improve its placement, a business may engage in search engine optimization (SEO) of its website. SEO may include modifying the code of web pages in the business&#39;s website to include strategically selected keywords in particular parts of the web pages. However, due to the volume of businesses having an Internet presence, a business may have difficulty identifying and implementing the most effective keywords for improving its SERP placement. 
         [0006]    Some Internet users, typically those that are larger and more sophisticated, may provide their own hardware, software, and connections to the Internet. But many Internet users either do not have the resources available or do not want to create and maintain the infrastructure necessary to host their own websites. To assist such individuals (or entities), hosting companies exist that offer website hosting services. These hosting service providers typically provide the hardware, software, and electronic communication means necessary to connect multiple websites to the Internet. A single hosting service provider may literally host thousands of websites on one or more hosting servers. There are many hosting service providers, and a novice website owner may find it difficult to access and manipulate his website through the hosting service provider&#39;s resources. It would be advantageous for a WYSIWYG editing interface to be able to create website modifications for any website, regardless of its hosting service provider. 
     
    
     
       BRIEF DESCRIPTION OF THE DRAWINGS 
         [0007]      FIG. 1  is schematic diagram of a system and associated operating environment in accordance with the present disclosure. 
           [0008]      FIG. 2  is a flow diagram of a first embodiment of a method for automating search engine optimization of a website in accordance with the present disclosure. 
           [0009]      FIG. 3  is a screenshot diagram of using an interface to optimize a web page title. 
       
    
    
     DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENT 
       [0010]    The present invention overcomes the aforementioned drawbacks by providing a system and method for the modification of a live website using an editing interface that loads web pages of the live website and presents the web pages to a user along with editing and analysis tools that suggest and make changes to the website that will improve SEO. The present invention further overcomes the aforementioned drawbacks by showing the user the effects of modifications as they are made, and by executing the modifications using one or more code snippets that modify the website&#39;s document object model (DOM) as the website is loaded in a visitor&#39;s browser. 
         [0011]    The web server tasked with serving the website to requesting devices, also known as a hosting provider, may perform one or more algorithms for the website SEO, design, and design assistance, and may further perform one or more algorithms for the website creation. Alternatively, the web server may assign the SEO and website design and creation to one or more related computer systems, such as another web server, collection of web or other servers, a dedicated data processing computer, or another computer capable of performing the creation algorithms. Alternatively, a standalone program may be delivered to and installed on a personal computing device, such as the user&#39;s desktop computer or mobile device, and the standalone program may be configured to cause the personal computing device to perform the algorithms. For clarity of explanation, and not to limit the implementation of the present methods, the methods are described below as being performed by a web server that serves the web page to requesting devices. 
         [0012]    Referring to  FIG. 1 , a web server  100  may be configured to communicate over the Internet with one or more requesting devices  110  in order to serve requested website content to the requesting device  110 . The requesting devices  110  may request the website content using any electronic communication medium, communication protocol, and computer software suitable for transmission of data over the Internet. Examples include, respectively and without limitation: a wired connection, WiFi or other wireless network, cellular network, or satellite network; Transmission Control Protocol and Internet Protocol (TCP/IP), Global System for mobile Communications (GSM) protocols, code division multiple access (CDMA) protocols, and Long Term Evolution (LTE) mobile phone protocols; and web browsers such as MICROSOFT INTERNET EXPLORER, MOZILLA FIREFOX, and APPLE SAFARI. 
         [0013]    The web server  100  may be configured to create or modify a website that can be requested by and displayed on requesting devices  110 . In some embodiments, such creation may include generating a plurality of versions of the website that convey substantially the same content but are particularly formatted to be displayed on certain requesting devices  110  or in certain browsers. For example, the web server  100  may generate a first version of the website that is formatted for PCs, and a second version of the website that is formatted for display on mobile phones. In other embodiments, such creation may include converting a website from a format that can be displayed on one type of requesting device  110  into a website that can be displayed on another type of requesting device  110 . For example, the web server  100  may, upon receiving a request for the website from a mobile phone, convert the website designed to be displayed on a PC into a format that can be displayed on the mobile phone. In the present disclosure, therefore, the term website refers to any web property communicable via the Internet, such as websites, mobile websites, web pages within a larger website (e.g. profile pages on a social networking website), vertical information portals, distributed applications, and other organized data sources accessible by any device that may request data from a storage device (e.g., a client device in a client-server architecture), via a wired or wireless network connection, including, but not limited to, a desktop computer, mobile computer, telephone, or other wireless mobile device. 
         [0014]    The web server  100  may be configured to communicate electronically with one or more data stores in order to retrieve information from the data stores. The electronic communication may be over the Internet using any suitable electronic communication medium, communication protocol, and computer software including, without limitation: a wired connection, WiFi or other wireless network, cellular network, or satellite network; TCP/IP or another open or encrypted protocol; browser software, application programming interfaces, middleware, or dedicated software programs. The electronic communication may be over another type of network, such as an intranet or virtual private network, or may be via direct wired communication interfaces or any other suitable interface for transmitting data electronically from a data store to the web server  100 . In some embodiments, a data store may be a component of the web server  100 , such as by being contained in a memory module or on a disk drive of the web server  100 . 
         [0015]    A data store may be any repository of information that is or can be made freely or securely accessible by the web server  100 . Suitable data stores include, without limitation: databases or database systems, which may be a local database, online database, desktop database, server-side database, relational database, hierarchical database, network database, object database, object-relational database, associative database, concept-oriented database, entity-attribute-value database, multi-dimensional database, semi-structured database, star schema database, XML database, file, collection of files, spreadsheet, or other means of data storage located on a computer, client, server, or any other storage device known in the art or developed in the future; file systems; and electronic files such as web pages, spreadsheets, and documents. Each data store accessible by the web server  100  may contain information that is relevant to the creation, modification, or SEO optimization of the website, as described below. Such data stores include, without limitation to the illustrated examples: search engines  115 ; website information databases  120 , such as domain registries, hosting service provider databases, website customer databases, and Internet aggregation databases such as archive.org; business listing data stores  125 , such as YELP!, Yellow Pages, GOOGLE PLACES, LOCU, and the like; and Internet traffic databases  130  as described below. 
         [0016]    To create or modify its website, a user may access the web server  100  with the user&#39;s device  105 , which may be a PC, a mobile device, or another device able to connect electronically to the web server  100  over the Internet or another computer network. The user may be an individual, a group of individuals, a business or other organization, or any other entity that desires to publish a website that conveys information about the user or another topic, where the information may be of a commercial or a non-commercial nature, and where the website is configured to maximize its own prominence within search results for certain words related to the content of the website. For clarity of explanation, and not to limit the implementation of the present methods, the methods are described below as being performed by a web server that receives input for creating a website for a small business, such as a restaurant or bar, retail store, or service provider (e.g. barber shop, real estate or insurance agent, repair shop, equipment renter, and the like), unless otherwise indicated. 
         [0017]    In some embodiments, the user&#39;s device  105  may interact with a user interface  135  that facilitates data collection and transmission between the device  105  and the web server  100 . The user interface  135  may be implemented using hardware, software, or a combination thereof. The user interface  135  may reside in the memory of the web server  100 , of the user&#39;s device  105 , or of a distinct computer server or other computing device. 
         [0018]    Referring to  FIG. 2 , the presently described interface between the web server  100  and the target website to be modified may be accessed using one or more interface code snippets inserted into the source code of one or more web pages in the target website. The code snippets may be a JavaScript function call configured to initiate the interface and connect the web server  100  to the target website as described below. At step  200 , the user may insert the interface code into one or more of the web pages using any suitable website design tool, including a hosted design platform such as PLESK or a design tool provided by a content management system such as WORDPRESS. At step  205 , the user loads the website into the user&#39;s browser, which causes the interface code to execute and activate the interface. 
         [0019]    At step  210 , the interface creates a communication channel between the target web page and the web server  100 . The communication channel may be facilitated using a plurality frames, such as IFRAMES, created by the interface. At step  215 , the target website is loaded into a first frame. The target website may be rendered as it would appear in the user&#39;s browser if normally visited by the user. At step  220 , one or more modification tool sets may be loaded into a second frame appearing next to, above, or below the first frame. The communication between the first and second frames allows the web server  100  to see into the “inner workings,” i.e., the source code and layout, of the web page directly from a visitor&#39;s browser and perform the analysis and modification of the website as described below. As shown in the example of  FIG. 3 , the user may view the original website in the first frame  501  of the interface  500 , selector buttons for the web pages in a second frame  502 , and modification instructions in a third frame  503 . 
         [0020]    At step  225 , the web server  100  may perform SEO analysis of one or more of the web pages. In the illustrated method and other methods according to this disclosure, SEO analysis may include identifying one or more valuable keywords and incorporating the keywords into the user&#39;s website. A keyword&#39;s value derives from its relevance to goods, services, or content offered for sale or otherwise provided by the user, such that the user desires its website to place highly on SERPs for searches that include the keyword. The methods of the present invention may use any suitable methodology for identifying a set of keywords that are pertinent to the user&#39;s website. Preferably, such methodologies are partially or fully automated, such as by scraping information from the source code of the web pages and performing keyword identification on the information, but in some embodiments the keywords may be supplied by the user or another entity through manual entry of the keywords in an interface. SEO analysis may include other methods of identifying data on the web page that is relevant to SERP placement or indexing of the web page. For example, the web server  100  may identify a navigation breadcrumb or a store address on the web page, in order to semantically tag the store address as described below. SEO analysis may further include identifying keywords or other information relevant to SERP placement or web page indexing using data obtained from another data store, such as the data stores  115 - 130  described above with respect to  FIG. 1 . 
         [0021]    From results obtained in the SEO analysis, the web server may suggest modifications to the website that will improve SEO of the web page. The web server  100  may assist the user to select the most suitable keywords and place them into strategic positions on a particular web page, in order to optimize the web page for prominent placement on SERPs of one or more search engines. A strategic position is a section of HTML code in which the content is given a high weight in search engine indexing algorithms. For example, the GOOGLE indexing algorithm considers words in the web page title (i.e., the &lt;title&gt; HTML tag) to have the most relevance to the subject matter of the web page and gives the title the most weight, while on-page content such as headlines (i.e., &lt;h1&gt; and &lt;h2&gt; HTML tags), paragraphs, images, and the like, have decreasing, but still valuable, weight.  FIG. 3  illustrates an example of assisting a user to select an appropriate web page title. In some embodiments, the keyword insertion may be guided by educational displays  505 . In some embodiments, the web server  100  may present pre-formatted suggestions for the content to be inserted into the web page, and may automatically insert the content as described below. In some embodiments, the web server  100  may automatically insert non-rendered markup, such as Microdata or RDFa tags, to identify data on the web page that should receive additional indexing or display formatting in a search engine index. 
         [0022]    At step  230 , the web server  100  may perform additional modifications to the web page design as input by the user. Such modifications may include relocating or resizing page elements, changing text or images, and performing other design changes that the user may view in real-time in the first frame. 
         [0023]    As modifications are made at steps  225  and  230 , the web server  100  may generate code snippets, such as JavaScript instructions, that will apply the modifications to the original source code of the target website. That is, the original source code of the target website may not be edited, but instead the web server  100  may create a revised DOM for the website that is loaded through the code snippet inserted by the user at step  200  or subsequently to that step, such as at publication of the changes. At step  235 , the interface may be instructed to publish the modified website, which causes the web server  100  to store the modifications locally. The modifications are then retrieved by the code snippet call on subsequent page loads, and the web page is rebuilt in real-time in a visitor&#39;s browser. 
         [0024]    The schematic flow chart diagrams included are generally set forth as logical flow-chart diagrams. As such, the depicted order and labeled steps are indicative of one embodiment of the presented method. Other steps and methods may be conceived that are equivalent in function, logic, or effect to one or more steps, or portions thereof, of the illustrated method. Additionally, the format and symbols employed are provided to explain the logical steps of the method and are understood not to limit the scope of the method. Although various arrow types and line types may be employed in the flow-chart diagrams, they are understood not to limit the scope of the corresponding method. Indeed, some arrows or other connectors may be used to indicate only the logical flow of the method. For instance, an arrow may indicate a waiting or monitoring period of unspecified duration between enumerated steps of the depicted method. Additionally, the order in which a particular method occurs may or may not strictly adhere to the order of the corresponding steps shown. 
         [0025]    The present invention has been described in terms of one or more preferred embodiments, and it should be appreciated that many equivalents, alternatives, variations, and modifications, aside from those expressly stated, are possible and within the scope of the invention.