Impossible? SEO - Friendly liquid layout 2 columns hybrid

Convert my first site of the 4.01 to XHTML 1.0 Transitional. Next to the header and footer, there a 150px sidebar left and a main text box liquid. All together in the tables. The Web page fills the entire window and liquid. To be SEO-friendly, it READS THE FIRST reading before the left sidebar for a long time.

Have read the excellent article in Cookbook titled "Generate SEO-friendly, 2-column layouts in DW. But he can't understand the hybrid liquid design (twoColHybLtHdr). Can get the sidebar to the top if I specify a certain width for the main text. But it's not liquid!

I need the main text to fill the space between the sidebar of 150px and the right edge of the window, regardless of the width can be.

(DW CS4 running. Mac.)

Is this possible? Or not? Thanks for any help!

Since the search engine spiders do not use CSS, it matters little what formatting CSS you use.  SEO is all about having a lot of content relevant, rich in keywords within good semantic markup (h1, h2, h3, p, li,...)

Here's a CSS layout that uses a sidebar width fixed and liquid content area:

http://ALT-Web.com/templates/2-Col-liquid-layout.shtml

More multi-column Liquid Layouts-

s http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB
http://ALT-Web.blogspot.com

Tags: Dreamweaver

Similar Questions

  • The "Flexible" and Liquid Layout tabs

    I created a template of letter-size to use with a liquid layout (it must frequently be converted to A4 which is a little narrower). On the Table of contents page, I have a tab set to the page number (right edge of the text box) with a leader. How can I get the tabs to adjust to accommodate the new layout (without manually changing the style).

    Final usage is a model that will be widely available, I prefer to keep things 'guide-based' (as the guides work very well with all other pages).

    Another way to say it is I want a flexible tab!

    Thank you very much!

    Don't use a tabulator (normal) to the position of the right edge of an image, use SHIFT-tabulator (tab to right intention) when you write or ^ y in a large number of dialog boxes, such as OCD or nested styles or ~ y in the GREP dialogues.

  • Explorable SEO Friendly reagent Flash player

    I want to have a flash drive responsive with an alternative (analyzable for search engines) HTML version and so far I have problems with integration.

    I am able to have the html version, but I'm struggling with the sensitive part. Here is my code:

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle">
        <param name="movie" value="movie_name.swf"/>
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
            <param name="movie" value="movie_name.swf"/>
        <!--<![endif]-->
            <a href="http:www.spytronic.com/fr-ca/liste/cameras-de-surveillance">
                Video link about cameras de surveillance
            </a>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
    </object>

    So it's simple enough, now the part that I am struggling with is the width and the original height as attributes in the object tag. Which, according to me, I need is a

    function of jQuery that runs once the tag of document has been loaded. With the selector [type = "application/x-shockwave-flash"] object, jQuery pick up all items flash on the page.

    The way I see it is each object in the table tube will store the object reference itself, its width and its height. So I have so far:

    var tube = [];
    $(document).ready(function() {
        $('object[type="application/x-shockwave-flash"]').each(function (){
            tube.push({
                element: $(this),
                height: $(this).attr('height'),
                width: $(this).attr('width')
            });
        });
    });

    And

    $(window).resize(function() {
        clearTimeout(rebuild);
        rebuild = setTimeout(function() {
            $.each(tube, function (i, value) {
                tube[i].element.height(tube[i].element.width() / tube[i].width * tube[i].height);
            });
        }, 100);
    });

    Don't you think that this approach is good (cross-browser), resizable and seo friendly?

    Lol IE7 and 8 aren't HTML5 compatible browsers.  They now represent less than 2% of users from around the world.  If that's really your main target audience, you can use a Flash of relief for obsolete browsers.   However, the HTML5 video should be your main medium, no Flash which is a web technology dead.

    Nancy O.

  • FAQ - custom SEO Friendly URLs

    For the FAQ module, we can implement a URL - friendly custom SEO based on the section of the FAQ instead of the default URL, for example: businesscatalyst.com/FAQRetrieve.aspx?ID=49523 & amp; Q =

    Hello

    Correct if need SEO friendly URLs using Web Apps as the workaround for your frequently asked questions.

    References:

    - http://forums.adobe.com/message/4839612#4839612

    - http://forums.adobe.com/message/4236260#4236260

    Kind regards

    -Sidney

  • DW code seo friendly?

    How seo friendly is the code that writes dw? I used frontpage in the past and have been informed that he writes awful code, especially for SEO purposes, is dw not better?

    Search Engine Optimization is a much more complex issue than "what editing software was used to build your site.

    There are sites out there written with horrible code generated by FrontPage, GoLive, Dreamweaver, weird nephew to Uncle Ed (who only hand codes using textedit) and more to rank high in the search engines for their specific product/service because, even if they are badly coded, they are rich in content with bad information.

    The PS and DW allows wrong code a page with rich content that gets indexed by search engines and ranks well. They both also makes a poor content, nicely coded page that is never displayed.

    I guess that I'm trying to say is, the code of a page is not the most important thing on the page when SEO is discussed, the content is. The code is something you worry about to ensure that your site looks as it should. Valid code that DW does, has a much higher probability to display the same way on the platforms and browsers. The validity of the code of a page is probably not even the 4th or 5th most important in SEO.

  • Liquid layout

    If you want to change the layout of a chart liquid rule, after you have already created a liquid layout, can make you that change and then update the presentation liquid to reflect the new setting?

    There is no way to update the layout once you have created it (in any kind of automated way). Liquid rules provide you only a starting point. They are part of the "difficult task" to make copies (and usually links) between the parent layout and children implemented. You'll still have to fix a large number of objects in a typical pattern.

    However, it is useful to try a liquid layout rule before creating the new page layout. You can do this by setting rules for the graphics (it looks like you use the rule of thumb of objects). Select the Page tool, and then drag a corner of the page to see how objects move when you the approximate size of the page layout that you want to create. When you release the mouse button, the page will return to its original size. Then adjust the rules for objects and 'preview' of the effect again.

  • Literature item URL: SEO Friendly?

    The following article ( http://kb.worldsecuresystems.com/portal_landing_page/Partner.html?page=665:bc_665:html ) says that literature item URL should look like this:

    mydomain.com/_literature_12345/file-name.mov

    However, my experience is that they actually look like this:

    mydomain.com/LiteratureRetrieve.aspx?ID=12345

    Everyone knows this? I prefer the first option because it includes the real file name. Is there a way to select this formatting?

    Thank you!

    Brian

    Hi Brian,.

    By default, the URL of the literature should show as SEO friendly however if you have a syntax not valid that cannot display in the url for example with commas, quotes, etc., then the system will automatically return the url not respectful.

    In case of doubt please provide and example of what you are experiencing so we can help confirm.

    Kind regards

    -Sidney

  • Other layout, Liquid Layout etc.

    I read a few posts here, and I understand that there is a bug with importing vs adding items with alternative presentations.

    My question is more fundamental - and I saw so many AdobeTV and Rufus on YouTube that I can find - I do not understand exactly how to create another layout and to get into the content Viewer so I can see what he does on my device.

    I currently do this on a Kindle Fire, CS6 on a Mac, all the tools updated and functioning.

    I got a doc simple indd, liquid layout to create a horizontal version, then added another layout - and "apply current rules" is an option, which is nice, and I see an H and a version V. I have added those in a new article and updated on my device. The article appears as a new page of the current folio, but it does not turn.

    My usual caveat; I must be missing something. Can someone tell me some documents on that?

    There are links to videos on CS6 replacing layouts in this article:

    http://help.Adobe.com/en_US/digitalpubsuite/using/WS4cb2576c7954973c18306752136e6c6200d-80 00.primeras html

    Info on creating articles is here:

    http://help.Adobe.com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c7b1f65ad12f28224932-7F fa.html

  • Image maps in liquid layouts

    Hi all

    I am new to Dreamweaver and try to create a Web site with a liquid layout.

    I have a large image on my page with different links throughout the image (an image map).

    Unfortunately, when I saw the page in my web browser the hotspots are passed to a different place on the image. When I change my layout for a fixed width page layout the hotspots are in the correct position.

    It is a constant problem with the help of a liquid layout and is anyway it can be fixed?

    Thanks in advance.

    An image map using coordinates that are related to a fixed-size image. If the image remains fixed in your liquid layout, there should be no problem. However, you cannot use a percentage for the image size. Once the image is resized, the card is no longer to the correct location.

  • Image maps and Hotspots in a liquid layout?

    I wonder if anyone knows a way to make an image map with hotspots to comply with a provision of liquid. Since each hotspots has its own coordinated, when the image moves (grows smaller or more) these hotspots is more coincident with the coordinates on the map. I have now fixed a map with animated buttons and clickable links (an image map with hotspots) to a pixel of 987 and I would do it again is 1920 pixels and liquid. I have the rest of my site works with a liquid layout, but cannot understand the thing about image map and a comprehensive online search proved unsuccessful as have all my attempts. Here is a link to my current site of the liquid and the page where the image plane. Thank you.

    http://christopherdeldridge.com/PhotoWorldMap.php

    All things are possible, but it is located on the edge!  You * can * cela by adjusting EACH coordinate dynamically but it would - be a major beast, given the number of hotspots you use, and the number of coordinate pairs each.

    I wouldn't want to tackle this project.

    Flash is perhaps the answer here?

  • How to create a layout three columns of expandable width?

    Hi all

    Using JDeveloper 12.1.3.

    I am trying to create a three-column page layout, two rows, with the column widths of 40%, 10%, 40% and 50% line heights, 50%.  If it's important, the middle column could be a fixed width.  In HTML, it would be something like below:


    <table>
         <tr style="height:50%">
              <td rowspan="2" style="width:40%"></td>
              <td rowspan="2" style="width:10%"></td>
              <td style="width:40%"></td>
         </tr>
         <tr  style="height:50%">
              <td></td>
         </tr>
    </table>  
    

    Any suggestions on how I would go all this in the ADF?  < af:panelSplitter > does not have a % value and < af:gridLayout > is not working correctly or the other.

    I intend to put the tables completely stretched in the 1st and 3rd columns and a group of buttons in the 2nd column.  The end result is looks a bit like a personalized shuttle component.

    Hello

    Why do you use for the design of ADF page html tags?

    for use of three column layout - panelStrtechLayout

    She start, Center, end, high and low side and you can set the width in pixels for each facet according to your requirement

    Here's the value upper and lower facet width 0px use only 3 columns

    Thank you

  • MISSING LAYOUTS - 2 column fixed, bar right side, header, and footer column 3 fixed, header and footer

    I use Dreamweaver 2013 and when I go to file, new and select new document, model HTML. My two page layouts (2 fixed column, right sidebar, 3 column AND header and footer fixed, header and footer) does not appear, instead it just says: < no >. Why this happens and how to fix this! Please help me!

    As I thought.

    You do not have these models it is because you are using the current version of DW CC 2015.

    These models have been deprecated / replaced by newer models of Bootstrap.

    You can read about the changes of product below.

    New features of CC 2015

    https://helpx.Adobe.com/Dreamweaver/using/whats-new.html

    If you are a Subscriber payment & your computer OS is Win7 or Mac OS x 10.7 (or an earlier version),

    You can fall back to a previous version of DW as most close as possible to your manual.

    Otherwise, you're out of luck.

    Nancy O.

  • General catalogue liquid layout

    Hello

    I'm quite confused with the liquid and I don't understand why it does not work. Could someone please help?

    I followed the related doc, but nothing.

    {% If produced %}

    {module_product catalogId = "{{catalog.id}}" productId = "{{product.id}}" template="/ModuleTemplates/Custom/productLarge.html"}

    {% other %}

    {module_productlistdump sortType = "Alphabetic" model = "" = "products" collection "}

    {% for %} products.items products

    < div class = "col-lg-4 col-md-6 col-sm-12" >

    < div class = "Mosa∩que" >

    < div class = "badges" >

    < span class = 'sales' > < / span >

    < / div >

    < div class = "label" price > {{product.salePrice}} < / div >

    < img src = "{{product.smallImage}}" alt = "{{product.name}}" > "

    < div class = "footer" >

    < a href = "{{product.url}}" title = "{{product.name}}" > {{product.name}} < /a > "

    < / div >

    < / div >

    < / div >

    {% endfor %}

    {% endif %}

    I have questions are:

    1. Looks like {% If produced %} it does not at all. }
    2. ' Tags {{product.salePrice}} and {{product.smallImage}} " return no value.
    3. After clicking on any product that is not redirect to the product details, seem as it is linked with point 1 because it passes the url.

    Thank you

    You can use modules in the layout will be, but not as you try to use them.

    You have liquid and you can do more, but why you try to change the core of BC? Always use you it as you have been

    The developer reference

    Liquid in retail and small product allows you to do things on her cool.

    With respect to display and hide a list or details view - there is only one method at the moment but its going to be deleted so I can't suggest that. The engineers of the BC are supposed to present an appropriate method where the store will be liquid parameters so that you know the scope where you are in e-commerce.

  • Liquid layout at fixed disposal of the model? How?

    Hello

    I use a free template to create a site and I started initially with a fixed layout (which I chose) but once I have implemented the model he changed to liquid.

    Any ideas on how to change this back to fixed? I think that it is perhaps due to the files style.css or style - desktop.css.

    Help would be much appreciate,

    Thank you

    1. the min-width CSS property is used to set the minimum width of a specified element. The min-width property always overrides the width followed before or after the width in your statement. This means that the body element will never lower than 1200px but will pass to the same width as the screen if it exceeds the 1200px. If you want a static/fixed width, then you must replace min-width width.

    2. Remove

    Padding: 3em 0 0 0;

    By removing the line, you delete a top padding of 3em or about 48px. The foot has a height of 40px (2x15px padding + height of 10px text) and the rest is hidden.

    3. you must understand the difference between the ID's and class in reality it comes down to the fact that a class does everything that made one ID. A CLASS has the additional advantage that it can be used multiple times in a document. ID's are often used when a unique identifier is required.

    Just to help you understand, a fixed provision requires a fixed-width value. No min width no percentage, just a width in pixels. A fixed width paper won't be better between the different screen sizes. You will need a responsive and fluid design to do.

  • Layout multi-column and hyperlinks Bug

    Hello

    In a German forum, someone found a bug to have hyperlinks in a multi-column layout. All hyperlinks from the second column do not work. In the meantime, more people (including me) can confirm this bug in v20 and the v21. You must create only executives to do work.

    Please Adobe representatives, this bug by engineers report.

    Thank you

    Yves

    I heard of the control device. This problem will be fixed in the next version (v22), which is scheduled for August 7.

Maybe you are looking for